We see scrollbars everywhere. It appears when the content has overflown the depth of screen and cannot fit it anymore. By default, the scrollbar provided by the browser is not very attractive but efficient in doing its job. So if you are care about every details, here are 15 Javascript Plugins For Awesome Scrollbar that would be helpful to create custom scrollbar.
RollBar – jQuery ScrollBar Plugin
RollBar plugin was created with idea to replace standard browser scrollbars and make them customizable to fit perfectly in almost any site design. This plugin can be used not only as replacement of native browser scrollbars, but even to create slideshows with external controls. Among other features RollBar can auto adjust to window size, recognize touch events on Android and iOS devices and respond to custom jquery events to scroll content.
SimpleBar
Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.
Perfect scrollbar
Minimalistic but perfect custom scrollbar plugin.
Overlay Scrollbars
A javascript scrollbar plugin which hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.
ScrollMenu
A new interface to replace your old boring scrollbar.
Gemini
Custom overlay-scrollbars with native scrolling mechanism for web applications.
Smooth Scrollbar
Smooth Scrollbar is a JavaScript Plugin that allows you customizing high perfermance scrollbars cross browsers. It is using translate3d to perform a momentum based scrolling (aka inertial scrolling) on modern browsers. With the flexible plugin system, we can easily redesign the scrollbar as we want. This is the scrollbar plugin that you’ve ever dreamed of!
Baron
This is a small, fast and crossbrowser custom scrollbar with native system scroll mechanic.
nanoScroller
This is a jQuery plugin that offers a simple way of implementing Mac OS X Lion-styled scrollbars for your website.
fakeScroll
While there is somewhat of a support for scrollbar customization through CSS, it is not fully supported in all browsers / older versions and the level of customization isn’t flexible enough to allow creativity or certain special product needs.
Vuescroll
A scrollbar plugin based on Vue.js that you can customize scrollbar, push-to-refresh, push-to-load and or making a carousel
jScrollPane
This is a jQuery plugin which allows you to replace a browser’s default scroll bars (on an element which has overflow: auto) with a HTML structure that can be easily skinned using CSS.
Vuebar
Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies.
React scrollbars custom
This is crossbrowser React component that allow you to easy customize scrollbars. No matter what platform you targeted, with react-scrollbars-custom scrollbars will look the same.
Slim-scroll
My favorite is Vuescroll. We are going to be using it for one of our new musician web sites.
Thank you for comprehensive list.