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 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 @yiird/elements @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 fo-home-banner fo-npm-lib franz-skeleton-design

2 years ago

2 years ago

2 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

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

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago

10 years ago