15 Awesome Javascript Scrollbar Plugins

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.

SimpleBar

SimpleBar

Custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.

Download

Perfect scrollbar

http://localhost/img/4.png

Minimalistic but perfect custom scrollbar plugin.

Download

Overlay Scrollbars

Overlay Scrollbars

A javascript scrollbar plugin which hides native scrollbars, provides custom styleable overlay scrollbars and keeps the native functionality and feeling.

Download

ScrollMenu

ScrollMenu

A new interface to replace your old boring scrollbar.

Download

Gemini

Gemini

Custom overlay-scrollbars with native scrolling mechanism for web applications.

Download

Smooth Scrollbar

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!

Download

Baron

Baron

This is a small, fast and crossbrowser custom scrollbar with native system scroll mechanic.

Download

nanoScroller

nanoScroller

This is a jQuery plugin that offers a simple way of implementing Mac OS X Lion-styled scrollbars for your website.

Download

fakeScroll

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.

Download

RollBar – jQuery ScrollBar Plugin

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.

Download

Vuescroll

Vuescroll

A scrollbar plugin based on Vue.js that you can customize scrollbar, push-to-refresh, push-to-load and or making a carousel

Download

jScrollPane

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.

Download

Vuebar

Vuebar

Vue 2 directive for custom scrollbar that uses native scroll behavior. Lightweight, performant, customizable and without dependencies.

Download

React scrollbars custom

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.

Download

Slim-scroll

Slim-scroll

Download

1 Comments

  1. My favorite is Vuescroll. We are going to be using it for one of our new musician web sites.

    Thank you for comprehensive list.

Leave a comment

Please be polite. We appreciate that. Your email address will not be published and required fields are marked

This site uses Akismet to reduce spam. Learn how your comment data is processed.