Smooth-scrollbar NPM | npm.io

8.8.4 • Published 11 months ago

Install

Weekly downloads

15,922

License

MIT

Repository

Last release

11 months 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 @betgames/bg-tools @blackbp/vue-smooth-scrollbar @bty/chat-ui @aspirity/easydev @daybreaksoft/angular-elastic-ui @fehub/components @jumpgroup/consulenza-agricola-components pacto-ui-kit musiphone musiphone-ms pl-vue-smooth-scrollbar pdf-editor-view mndyrr-web momentum-parallax project-customer-portal-fe public-splashrx rbln7 r7-proportion-div react-inertial-scroll rd-te-dashboard rd-te-example rd-te-invoice rd-te-quotes rd-te-quoting rd-te-reports rd-te-shipments rd-te-styles react-app-template-lanlink-template scroll-animations react-smooth-scrollbar-z scroll-tracker-component-manager scrollxp roxtaw react-nice-scroll relicjs synched-components test-angular-elastic-ui tt-ui-comp-lib ui-comp-lib space.web.components smooth-scrollbar-plugin-infinite-load smooth-scrollbar-vue smooth-vuebar space-components space-components-vue3 tritontek-common ux-workforce-anagement ux-store-affairs ux-store-shortcut ux-store-today-overview vb-smooth vue-by-ui syy-ui vue-smooth-scrollbar vue3-smooth-scrollbar @anamo/bootstrap-for-market-website @jxfe-ui/react @mahadzaman88/pl-vue-smooth-scrollbar @msvx/component @morioh/v-scrollbar @morioh/v-smooth-scrollbar @smallstack/angular @synchronized-studio/synchronized-components @sysconexao/lib arivio-ui angular-smooth-scrollbar ap-smart-table awesome-pdf-editor @yiird/elements @types/smooth-scrollbar @types/react-smooth-scrollbar @xwui/xui cardo-paris cge-app-modules deepsea-components ferret9-public ferret9-publichs fo-home-banner fo-npm-lib franz-skeleton-design dm-vue-ui dm-vue-ant-ui dm-date-picker kalix-module-test kalix-vue-biz kalix-vue-biz-qiao kalix-vue-common kalix-vue-exam kalix-vue-lib kalix-vue-lib-qiao kalix-vue-oa laravel-scout-assets

11 months ago

1 year ago

1 year ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 years ago

2 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

5 years ago

5 years ago

5 years ago

6 years ago

6 years ago

6 years ago

6 years ago

6 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

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 years ago

7 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

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

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

8 years ago