Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

simplebar

Package Overview
Dependencies
Maintainers
1
Versions
107
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

simplebar - npm Package Compare versions

Comparing version 6.0.0-beta.12 to 6.0.0

2

dist/simplebar.min.js
/**
* simplebar - v6.0.0-beta.12
* simplebar - v6.0.0
* Scrollbars, simpler.

@@ -4,0 +4,0 @@ * https://grsmto.github.io/simplebar/

{
"version": "6.0.0-beta.12",
"version": "6.0.0",
"name": "simplebar",

@@ -28,3 +28,2 @@ "title": "SimpleBar.js",

"test": "jest -c jest-unit.config.js",
"version": "yarn build",
"precommit": "lint-staged"

@@ -34,3 +33,3 @@ },

"can-use-dom": "^0.1.0",
"simplebar-core": "^1.0.9"
"simplebar-core": "^1.0.10"
},

@@ -49,3 +48,3 @@ "devDependencies": {

},
"gitHead": "ab247843c54d13f353677468e369cb0a90fb647d"
"gitHead": "dfeaaeca4ae19b1d8df2026a7bf7cc9cc045513c"
}
# SimpleBar [![npm package][npm-badge]][npm] ![size-badge]
:warning: SimpleBar v5 is here! There are some **breaking changes!** Make sure to check out [the changelog](https://github.com/Grsmto/simplebar/releases) before updating.
SimpleBar is a plugin that tries to solve a long time problem: how to get custom scrollbars for your web-app while keeping a good user experience?

@@ -10,2 +8,8 @@ SimpleBar **does NOT implement a custom scroll behaviour**. It keeps the **native** `overflow: auto` scroll and **only** replace the scrollbar visual appearance.

### [🐦 Follow me on Twitter!](https://twitter.com/adriendenat)
### 👨‍💻 I'm available for hire! [Reach out to me!](https://adriendenat.com/)
### 🚧 Check out my new project [Scroll Snap Carousel](https://github.com/Grsmto/scroll-snap-carousel)!
### Installation

@@ -42,4 +46,2 @@

If you are using Gatsby, please see [#345](https://github.com/Grsmto/simplebar/issues/345).
If you are using a module loader (like Webpack) you first need to load SimpleBar:

@@ -56,2 +58,5 @@

You might also need other polyfills as SimpleBar comes with basic browser support only.
You can use Babel `@babel/preset-env` to polyfill for you, see our [examples package](https://github.com/Grsmto/simplebar/blob/next/packages/examples/.babelrc#L2) or check out [polyfill.io](https://polyfill.io/).
Set `data-simplebar` on the element you want your custom scrollbar. You're done.

@@ -122,3 +127,3 @@

document.querySelectorAll('.myElements'),
el => new SimpleBar()
(el) => new SimpleBar()
);

@@ -144,2 +149,3 @@ ```

Ex, to change the color of the scrollbar:
```css

@@ -158,3 +164,3 @@ .simplebar-scrollbar::before {

option1: value1,
option2: value2
option2: value2,
});

@@ -161,0 +167,0 @@ ```

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is not supported yet

Sorry, the diff of this file is too big to display

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc