simplebar
Advanced tools
Comparing version 6.0.0-beta.12 to 6.0.0
/** | ||
* 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
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
189754
0
356
Updatedsimplebar-core@^1.0.10