10 jQuery Plugins For Replacing Default Browser Scrollbars

Here are 10 jquery scrollbar plugins that allow you to replace the default browser scrollbar with jquery scrollbar, which will be nice and good looking.

DZS Scroller

Tired of the default scrollbar ? DZS Scroller jQuery is the ultimate scrollbar for your site which you can customize very easily via CSS if the 3 skins included are not enough. It also comes with enhanced functionality like scroll by hover or fade on mouse leave. And it works on iPhone/iPad!

DZS Scroller - jQuery Scrollbar Done Right

Sly

JavaScript library for advanced one-directional scrolling with item based navigation support. It can be used as a simple scrollbar replacement, as an advanced item based navigation tool, or as a great navigation and animation interface for parallax websites. This is achieved by a powerful & developer friendly API that provides a bunch of very useful methods giving you control over everything.

scrollbar-10

perfect-scrollbar

Perfect scrollbar is a nice lightweight simple jquery scrollbar plugin. Which support nice scrolling effects.

perfect-scroll-1

RollBar

This 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.

rollbar-2

Easy Scroll

This easy scroll application was made to simplify your work and save you time in developing any kind of web template or application, it can be easily inserted in any context and has a wide range of parameters that can make your scrolling unique.

scrollbar-3

Custom Scrollbar

Custom scrollbar plugin that’s fully customizable with CSS. Features vertical/horizontal scrolling, mouse-wheel support, scrolling buttons, scroll inertia with easing, auto-adjustable scrollbar length, nested scrollbars, scroll-to functionality, user defined callbacks and much more.

scrollbar-4

jQuery slimScroll

slimScroll is a small (3.7KB) jQuery plugin that transforms any div into a scrollable area with a nice scrollbar – similar to the one Facebook and Google started using in their products recently. slimScroll doesn’t occupy any visual space as it only appears on a user initiated mouse-over. User can drag the scrollbar or use mouse-wheel to change the scroll value.

scrollbar-5

jscrollpane

jScrollPane is a cross-browser jQuery plugin by Kelvin Luck which converts a browser’s default scrollbars (on elements with a relevant overflow property) into an HTML structure which can be easily skinned with CSS.

scrollbar-6

Vertical scrollbar using jQuery UI slider

Vertical scrollbar using jQuery UI Slider – with optional mousewheel integration. Support for multiple sliders.

scrollbar-8

iScroll 5

iScroll was born in 2008 to fill the lack of native scrolling in the mobile webkit (at the time iPhone only) browser. Time has passed, mobile browsers are getting better and a javascript scroller is becoming less relevant. That’s the reason why iScroll is not just a scroller for mobile anymore but a cross browser solution to interact with DOM elements. It now supports not only touch events but also pointers, key presses, remote controls and of course the good old mouse.

scrollbar-9

2 Comments

  1. Good resources 🙂

  2. Kreativ Fontsays:

    Thanks … perfect scrollbar seems to be the solution I was looking for

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.