Smooth-scrollbar NPM | npm.io

8.8.4 • Published 2 years ago

Install

Weekly downloads

15,922

License

MIT

Repository

Last release

2 years ago

Smooth Scrollbar

Customizable, Flexible, and High Performance Scrollbars!

Installation

⚠️ DO NOT use custom scrollbars unless you know what you are doing. Read more
Tell us about the features you want in the next major update.

Via NPM (recommended):

npm install smooth-scrollbar --save

Via Bower:

bower install smooth-scrollbar --save

Browser Compatibility

Browser	Version
IE	10+
Chrome	22+
Firefox	16+
Safari	8+
Android Browser	4+
Chrome for Android	32+
iOS Safari	7+

Demo

https://idiotwu.github.io/smooth-scrollbar/

Usage

Since this package has a pkg.module field, it's highly recommended to import it as an ES6 module with some bundlers like webpack or rollup:

import Scrollbar from 'smooth-scrollbar';

Scrollbar.init(document.querySelector('#my-scrollbar'));

If you are not using any bundlers, you can just load the UMD bundle:

<script src="dist/smooth-scrollbar.js"></script>

<script>
  var Scrollbar = window.Scrollbar;

  Scrollbar.init(document.querySelector('#my-scrollbar'));
</script>

Documentation

latest	7.x

FAQ

How to deal with position: fixed elements? #362
How to temporarily stop scrolling? #361
How to enable hash/anchor scrolling? #360
How to direct all scrolling to a particular direction? #359
How to disable scrolling in a particular direction? #357
more...

Who's Using It

Awwwards Conference: An Event for UX / UI Designers and Web Developers.
Listeners Playlist: A cool music player designed by Jiyong Ahn sharing musics from the facebook group 'Listeners Playlist'.
Matter: A new and better way to grow your professional skills.
Parsons Branding: Brand strategy and design studio based in Cape Town.
zer0bin: Just a place to paste
Feel free to add yours here 🤗.

Credits

Logo by Kainoa Kanter (@ThatOneCalculator)

License

scrollbar customize acceleration performance

@moderno/workbench @yiird/gavin-ui-element @yiird/gavin-ui-lib soidjs svelthor @itlangzi/medit windzo @everything-registry/sub-chunk-2787 @xwui/xui synched-components syy-ui test-angular-elastic-ui vue-by-ui ux-store-affairs ux-store-shortcut ux-store-today-overview ux-workforce-anagement vb-smooth kalix-module-test kalix-vue-biz kalix-vue-biz-qiao kalix-vue-common kalix-vue-lib-qiao kalix-vue-oa kalix-vue-exam kalix-vue-lib laravel-scout-assets majestic-modules space-components space-components-vue3 space.web.components tt-ui-comp-lib ui-comp-lib tritontek-common @anamo/bootstrap-for-market-website @aspirity/easydev @blackbp/vue-smooth-scrollbar @betgames/bg-tools @bty/chat-ui @daybreaksoft/angular-elastic-ui vue3-smooth-scrollbar vue-smooth-scrollbar vue-smooth-scrollbar-ts @fehub/components @mahadzaman88/pl-vue-smooth-scrollbar @msvx/component @jumpgroup/consulenza-agricola-components @jxfe-ui/react @morioh/v-scrollbar @morioh/v-smooth-scrollbar @smallstack/angular musiphone musiphone-ms momentum-parallax mndyrr-web pacto-ui-kit pdf-editor-view roxtaw rd-te-shipments rd-te-styles rd-te-example rd-te-invoice rd-te-quotes rd-te-quoting rd-te-reports rd-te-dashboard react-app-template-lanlink-template react-inertial-scroll scrollxp scroll-tracker-component-manager relicjs scroll-animations react-nice-scroll pl-vue-smooth-scrollbar project-customer-portal-fe r7-proportion-div public-splashrx rbln7 react-smooth-scrollbar-z smooth-scrollbar-vue smooth-vuebar smooth-scrollbar-plugin-infinite-load @types/react-smooth-scrollbar @types/smooth-scrollbar @sysconexao/lib @yiird/elements @synchronized-studio/synchronized-components @telus-uds/components-community.data-grid angular-smooth-scrollbar awesome-pdf-editor arivio-ui ap-smart-table cge-app-modules cardo-paris deepsea-components dm-vue-ant-ui dm-vue-ui dm-date-picker ferret9-public ferret9-publichs

2 years ago

2 years ago

2 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

7 years ago

7 years ago

7 years ago

7 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

8 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

9 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago