45 Best Custom Scroll Bar jQuery Plugins Of 2017

by jQueryScript,

These 45 Best Custom Scroll Bar jQuery Plugins enable you to beautify and enhance the native & ugly browser scrollbars. Some of these plugins also supports scrollable container and horizontal scrollbars. I hope you like it.

YOU MIGHT NOT NEED JQUERY! View our another collection of 10 Best Custom Scrollbar JavaScript Libraries

45 Best Scrollbar jQuery Plugins:

Tiny jQuery Plugin For Beautifying Scrollbar - perfect-scrollbar

perfect-scrollbar is a lightweight jQuery plugin that allows you to beautify the default scollbars without changing or adding any style on original elements.

https://www.jqueryscript.net/other/Tiny-jQuery-Plugin-For-Beautifing-Scollbars-perfect-scrollbar.html

[Demo] [Download]


Facebook-like jQuery Scrollbar Plugin - slimScroll

slimScroll is a simple and lightweight jQuery plugin for transforming any div into a scrollable area with a nice Facebook-Like scrollbar.

https://www.jqueryscript.net/text/Facebook-like-jQuery-Scrollbar-Plugin-slimScroll.html

[Demo] [Download]


jQuery Custom Scrollbar Plugin - malihu

malihu is a jQuery plugin that allows you to beautify your content scrollbar with CSS and jQuery UI.

https://www.jqueryscript.net/other/jQuery-Custom-Scrollbar-Plugin-malihu.html

[Demo] [Download]


Highly Customizable and Cross Browser Scrollbar Plugin With jQuery

A jQuery based scrollbar Plugin to create fully CSS customizable and Cross Browser scrollbar which supports all native scroll events.

https://www.jqueryscript.net/other/Highly-Customizable-Cross-Browser-Scrollbar-Plugin-With-jQuery.html

[Demo] [Download]


Responsive Browser Scrollbar Replacement Plugin - ClassyScroll

ClassyScroll is a native Browser Scrollbar Replacement plugin built with jQuery that comes with vertical and horizontal scroll modes.

https://www.jqueryscript.net/other/Responsive-Browser-Scrollbar-Replacement-Plugin-ClassyScroll.html

[Demo] [Download]


jQuery Inner Scrollbar Plugin with Smooth Scrolling Effect - Tween Scroller

Tween Scroller is a jQuery plugin used to create a vertical scrollbar on an inner DIV with smooth scrolling effect.

https://www.jqueryscript.net/other/jQuery-Inner-Scrollbar-Plugin-with-Smooth-Scrolling-Effect-Tween-Scroller.html

[Demo] [Download]


Custom Browser Scrollbar Replacement Plugin For jQuery - scrollator

Scrollator is a jQuery plugin used to replace the default browser scrollbar with an CSS3 animated & highly customizable one.

https://www.jqueryscript.net/other/Custom-Browser-Scrollbar-Replacement-Plugin-For-jQuery-scrollator.html

[Demo] [Download]


jQuery Custom Scrollbar Plugin with jQuery UI - acescroll

acescroll is a jQuery UI widget that allows to create custom horizontal or vertical scrollbars as an alternative to the default browser scrollbars in jQuery.

https://www.jqueryscript.net/other/jQuery-Custom-Scrollbar-Plugin-with-jQuery-UI-acescroll.html

[Demo] [Download]


Mobile-friendly Custom Scrollbar Plugin With jQuery - NiceScroll

NiceScroll is an easy yet robust jQuery plugin that allows to append pretty nice, touch-enabled and highly customizable scrollbar to any scrollable area such as browser window,

https://www.jqueryscript.net/other/Mobile-friendly-Custom-Scrollbar-Plugin-With-jQuery-NiceScroll.html

[Demo] [Download]


Lightweight Custom Scrollbar Plugin With jQuery and CSS3 - scrollbar

Just another jQuery scrollbar plugin for creating a scrollable content area with an animated, touch-enabled and highly customizable scrollbar.

https://www.jqueryscript.net/other/Lightweight-Custom-Scrollbar-Plugin-With-jQuery-CSS3-scrollbar.html

[Demo] [Download]


Slim Custom Scrollbar Plugin For jQuery - asScrollbar

asScrollbar is a jQuery plugin that transform any DIV elements into a scrollable area with a slim responsive scrollbar.

https://www.jqueryscript.net/other/Slim-Custom-Scrollbar-Plugin-For-jQuery-asScrollbar.html

[Demo] [Download]


Stylish jQuery Custom Scrollbar Plugin - GScroll

GScroll is a simple jQuery plugin that makes an DOM element scrollable and appends a custom scrollbar within it when mouse hover.

https://www.jqueryscript.net/other/Stylish-jQuery-Custom-Scrollbar-Plugin-GScroll.html

[Demo] [Download]


nanoScrollerJS - Mac OS X Lion-Styled Scrollbars

nanoScroller is a jQuery Plugin that allows you to create Mac OS X Lion-Styled Scrollbars for your website. It utilizes native scrolling and works with the iPad, iPhone, and some Android Tablets.

https://www.jqueryscript.net/slider/nanoScroller-Mac-OS-X-Lion-Styled-Scrollbars.html

[Demo] [Download]


jQuery Plugin For Custom Scrollbar - scrollbox

scrollbox is a lightweight jQuery plugin that applies a custom Scrollbar to your content, which triggers event when reached the defined point.

https://www.jqueryscript.net/other/jQuery-Plugin-For-Custom-Scrollbar-scrollbox.html

[Demo] [Download]


Create A Fancy Custom Scrollbar with jQuery and CSS3 - Phancy Scroll

Just another jQuery plugin to create a fancy scrollbar that will only appear once you hover over the scrollable area.

https://www.jqueryscript.net/other/Create-A-Fancy-Custom-Scrollbar-with-jQuery-CSS3-Phancy-Scroll.html

[Demo] [Download]


jQuery Plugin To Create Scollable Block Elements - asScrollable

asScrollable is a jQuery plugin that adds both horizontal and vertical scrolling with custom scrollbars to any block elements.

https://www.jqueryscript.net/other/jQuery-Plugin-To-Create-Scollable-Block-Elements-asScrollable.html

[Demo] [Download]


Slick Custom Scrollbar Plugin with jQuery

Slick Custom Scrollbar lets you replace the default browser scrollbar on long content with a custom one instead, styled using pure CSS.

https://www.jqueryscript.net/other/Slick-Custom-Scrollbar-Plugin-with-jQuery.html

[Demo] [Download]


Minimal Custom Scrollbar Plugin For jQuery - mintScrollbar

A custom scrollbars jQuery plugin that feature vertical/horizontal scrollbars, scroll to, scroll by, mouse wheel, keyboard and touch support etc.

https://www.jqueryscript.net/other/Minimal-Custom-Scrollbar-Plugin-For-jQuery-mintScrollbar.html

[Demo] [Download]


Smooth Vertical Scroller Plugin with jQuery - VScroller

VScroller is a jQuery plugin that makes your long content scrollable with a custom vertical scrollbar.

https://www.jqueryscript.net/other/Smooth-Vertical-Scroller-Plugin-with-jQuery-VScroller.html

[Demo] [Download]


Minimal jQuery/CSS3 Based Scrollbar Replacemenet - fakescroll

fakescroll is a lightweight jQuery plugin that makes your long content scrollable and displays a CSS/CSS3 styled scrollbar on mouse hover.

https://www.jqueryscript.net/other/Minimal-jQuery-CSS3-Based-Scrollbar-Replacemenet-fakescroll.html

[Demo] [Download]


Customizable and Touch-Enabled jQuery Scrollbar Plugin - Custom Scrollbar

Custom Scrollbar is a jQuery plugin for creating vertical or horizontal scrollbars for your containers. It is fully customizable through CSS and supports scrolling by mouse dragging, mouse wheel and keyboard.

https://www.jqueryscript.net/other/Customizable-Touch-Enabled-jQuery-Scrollbar-Plugin-Custom-Scrollbar.html

[Demo] [Download]


Mac OS X Lion Style Scrollbar Plugin For jQuery - Lionbars

Meteor Lionbars is a jQuery plugin that add a Mac OS X Lion style scrollbar to your html container containing overflowed long content.

https://www.jqueryscript.net/other/Mac-OS-X-Lion-Style-Scrollbar-Plugin-For-jQuery-Lionbars.html

[Demo] [Download]


Simple Slim jQuery Custom Scrollbar Plugin - ekScroll

ekScroll is an easy jQuery scroll plugin for creating a slim custom scrollbar for your long content area, featuring auto fade out the overflowed content at the bottom when you scroll down or up.

https://www.jqueryscript.net/other/Simple-Slim-jQuery-Custom-Scrollbar-Plugin-ekScroll.html

[Demo] [Download]


jQuery Plugin For Side Tabs Scrolling - Scrolltab

Scrolltab is a fancy jQuery plugin which enables you attach floating tabs to the scrollbar of the browser that will scroll the page to the position indicated by the tab.

https://www.jqueryscript.net/animation/jQuery-Plugin-For-Side-Tabs-Scrolling-Scrolltab.html

[Demo] [Download]


Customizable jQuery Browser Scrollbar Plugin - Scroller

Scroller is a simple and customizable jQuery plugin for creating custom vertical or horizontal browser scrollbars that retain a native feel.

https://www.jqueryscript.net/other/Customizable-jQuery-Browser-Scrollbar-Plugin-Scroller.html

[Demo] [Download]


Cross-platform OSX-like Scrollbar jQuery Plugin - Scrollert.js

Scrollert.js is a jQuery custom scrollbar plugin which adds OS X-like horizontal/vertical scrollbars to a specified scrollable container.

https://www.jqueryscript.net/other/Cross-platform-OSX-like-Scrollbar-jQuery-Plugin-Scrollert-js.html

[Demo] [Download]


Lightweight jQuery Modal Plugin with Scrollbar Support - faModal

jQuery Plugin to create a responsive modal window that takes over the browser's scrollbar in case the modal content is longer than the browser's window height.

https://www.jqueryscript.net/lightbox/Lightweight-jQuery-Modal-Plugin-with-Scrollbar-Support-faModal.html

[Demo] [Download]


jQuery Plugin To Transform Scrollbar Into Awesome Scroll Menu

ScrollMenu is a lightweight, touch-enabled jQuery plugin for creating an awesome scroll menu to replace your old boring scrollbar.

https://www.jqueryscript.net/other/jQuery-Plugin-To-Transform-Scrollbar-Into-Awesome-Scroll-Menu.html

[Demo] [Download]


Sublime Text-Style Page Scrollbar With Minimap - Infoscroller

Infoscroller is a jQuery plugin that automatically generates a canvas based minimap for webpage, similar to the Sublime Text's minimap functionality.

https://www.jqueryscript.net/other/Sublime-Text-Style-Page-Scrollbar-With-Minimap-Infoscroller.html

[Demo] [Download]


Cross-browser Custom Scrollbar Plugin For jQuery - scrollBar.js

scrollBar.js is a jQuery plugin for adding custom scrollbars to your scrollable container in the non-Webkit browsers.

https://www.jqueryscript.net/other/Cross-browser-Custom-Scrollbar-jQuery.html

[Demo] [Download]


iOS Style Custom Browser Scrollbar with jQuery and CSS

Just another jQuery & jQuery UI plugin that replaces the default browser scrollbar with your own styles.

https://www.jqueryscript.net/other/iOS-Style-Custom-Browser-Scrollbar-with-jQuery-CSS.html

[Demo] [Download]


Slim Cross-platform Custom Scrollbar Plugin - Nice-Scrollbar

Nice-Scrollbar is a simple-to-use jQuery plugin that appends a cross-browser, highly customizable scrollbar to a given scrollable container.

https://www.jqueryscript.net/other/Slim-Cross-platform-Custom-Scrollbar-Plugin-Nice-Scrollbar.html

[Demo] [Download]


Configurable Custom Scrollbar Plugin For jQuery - jsScroll

jsScroll is a configurable jQuery custom scrollbar plugin which transforms any DIV element into a scrollable area with pretty horizontal and/or vertical scrollbars.

https://www.jqueryscript.net/other/Configurable-Custom-Scrollbar-Plugin-For-jQuery-jsScroll.html

[Demo] [Download]


CSS-stylable Custom Scrollbar Plugin With jQuery - csb.js

csb.js is a simple jQuery plugin used to create CSS styleable custom scrollbars that will auto reveal when you start scrolling/swiping within the scrollable area.

https://www.jqueryscript.net/other/CSS-stylable-Custom-Scrollbar-Plugin-With-jQuery-csb-js.html

[Demo] [Download]


Cross-Browser Fancy jQuery Custom Scrollbar Plugin - Skroller

Yet another jQuery plugin which allows you to create a cross-browser and fully customizable scrollbar in Html element.

https://www.jqueryscript.net/other/Cross-Browser-Fancy-jQuery-Custom-Scrollbar-Plugin-Skroller.html

[Demo] [Download]


Mobile Friendly Content Scroller with jQuery - Sonatra Hammer Scroll

A jQuery plugin for making any container element scrollable with a custom scrollbar that supports mouse drag, touch gestures and inertial scrolling.

https://www.jqueryscript.net/other/Mobile-Friendly-Content-Scroller-with-jQuery-Sonatra-Hammer-Scroll.html

[Demo] [Download]


WCAG Compliant Custom Scrollbar Plugin For jQuery - Scrollbox

scrollbox is an accessible and touch-enabled jQuery scrollbar plugin that creates a custom scrollbar on a scrollable element that is consistent across browsers, and is WCAG 2.0 compliant.

https://www.jqueryscript.net/other/WCAG-Compliant-Custom-Scrollbar-Plugin-For-jQuery-Scrollbox.html

[Demo] [Download]


Double Scrollbar For Scrollable Container - jQuery DoubleScroll

DoubleScroll is a lightweight jQuery plugin that creates an additional scrollbar on the top of the scrollable container when the bottom scrollbar is present.

https://www.jqueryscript.net/other/Double-Scrollbar-For-Scrollable-Container-jQuery-DoubleScroll.html

[Demo] [Download]


Minimal Custom Scrollbar Plugin with jQuery and jQuery UI - CustemScrollBar

Just another jQuery & jQuery UI component to create a customizable scrollbar within the long content DOM element that will show up on mouse hover.

https://www.jqueryscript.net/other/Minimal-Custom-Scrollbar-Plugin-with-jQuery-jQuery-UI-CustemScrollBar.html

[Demo] [Download]


Custom Scrollable Area Plugin For jQuery - ZScroll

ZScroll is a lightweight jQuery plugin which append a highly customizable scrollbar to your scrollable container element.

https://www.jqueryscript.net/other/Custom-Scrollable-Area-Plugin-jQuery-ZScroll.html

[Demo] [Download]


Easy Styleable jQuery Custom Scrollbar Plugin - Simplescroll

Simplescroll is a tiny jQuery plugin used for generating an easy-to-style custom scroll bar which can be positioned anywhere within your scrollable container.

https://www.jqueryscript.net/other/Easy-Styleable-jQuery-Custom-Scrollbar-Plugin-Simplescroll.html

[Demo] [Download]


Simple jQuery Plugin For Top Scroll Bar

Top Scrollbar is a lite jQuery plugin to add an extra scroll bar on the top of the div element.

https://www.jqueryscript.net/other/Simple-jQuery-Plugin-For-Top-Scroll-Bar.html

[Demo] [Download]


Native Browser Scrollbar Replacement Plugin - scrollbar

Just another custom scrollbar plugin for jQuery plugin that beautifies the native browser scrollbars with your own styles customized in the CSS.

https://www.jqueryscript.net/other/Browser-Scrollbar-Replacement-jQuery-scrollbar.html

[Demo] [Download]


jQuery Plugin To Check If Element Has Scrollbars - Is Scrollable

Is Scrollable is a super tiny jQuery plugin to determine if an element is scrollable and has vertical and/or horizontal scrollbars.

https://www.jqueryscript.net/other/jQuery-Plugin-Check-If-Element-Has-Scrollbars-Is-Scrollable.html

[Demo] [Download]


Floating Scrollbar For Long Content - jQuery floating-scroll

floating-scroll is a jQuery plugin which appends a floating horizontal scrollbar to the bottom of the webpage so the long content will always be scrollable as you scroll down.

https://www.jqueryscript.net/other/Floating-Scrollbar-Plugin-jQuery-Floating-Scroll.html

[Demo] [Download]


Customizable Touch-enabled Scrollbar Plugin - cuteScroll

The jQuery cuteScroll plugin helps you append a responsive, touch-enabled and highly customizable scrollbar to any scrollable element or the whole document.

https://www.jqueryscript.net/other/Custom-Scrollbar-Plugin-jQuery-cuteScroll.html

[Demo] [Download]