The definitive source of the best
JavaScript libraries, frameworks, and plugins.

  • ×

    Smooth Scrollbar

    Customizable, Pluginable, and High Performance Scrollbars!
    Filed under 

    • 🔾61%Overall
    • 2,245
    • 10.9 days
    • 🕩266
    • 👥13

    Smooth Scrollbar

    npm monthly downloads core size gzip size Build status Gitpod Ready-to-Code

    Customizable, Flexible, and High Performance Scrollbars!


    ⚠️ DO NOT use custom scrollbars unless you know what you are doing. Read more

    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+



    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';

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

    <script src="dist/smooth-scrollbar.js"></script>
      var Scrollbar = window.Scrollbar;


    latest 7.x


    • How to deal with position: fixed elements? #49
    • How to temporarily stop scrolling? #119
    • How to enable hash/anchor scrolling? #128
    • How to direct all scrolling to a particular direction? #181
    • How to disable scrolling in a particular direction? #206
    • more...

    Who's Using It

    • Awwwards Conference - An Event for UX / UI Designers and Web Developers.
    • Listeners Playlist.
    • Matter: A new and better way to grow your professional skills.
    • Feel free to add yours here 🤗.



    Show All