Best 15 Custom / Designer Scrollbar jQuery Plugins

As we all know, Internet world is getting really upgraded with latest trend websites. People are spending lots of time on Internet. Internet has made several tasks easy like Banking, Shopping, Tickets Booking, Reading and Media/News.

The trend and technology of Websites is really upgrading day by day because user want everything user-friendly. When the user-friendly word comes then it means Website has to be developed in latest programming techniques/languages like HTML5, CSS3, jQuery, JavaScript and Ajax.

jQuery is the new form or we can say updated JavaScript version and can be used to make the Elements more responsive and with nice movements. Earlier the website controls were used by default styles but now after latest technology usage we can make them custom designer. Form elements like TextField, SelectBox, Radio/CheckBox and Scrollbar can be developed with our custom design by using jQuery.

We are posting a collection of “Best 15 Custom / Designer Scrollbar jQuery Plugins” to help you modify your website content or form elements look great with the power of jQuery. You can make the Scrollbar horizontal and vertical or both.

jQuery custom content scroller

Custom scrollbar plugin utilizing jquery UI that’s fully customizable with CSS. It features vertical/horizontal scrolling, mouse-wheel support (via Brandon Aaron jquery mouse-wheel plugin), scroll easing and adjustable scrollbar height/width.

Demo and Download

Rangeinput

You can design ranges to fit the overall feel of your site. Use images and even the latest CSS3 techniques if you like. Every bit of the range is skinnable.

Demo and Download

Tiny Scrollbar

Tiny Scrollbar can be used for scrolling content. It was built using the javascript jQuery library. Tiny scrollbar was designed to be a dynamic lightweight utility that gives webdesigners a powerfull way of enhancing a websites user interface.

Demo and Download

Scrollbar Paper

Scrollbar Paper does not replace browser’s default scrollbar. Instead, it covers it with a custom scrollbar, like paper on a wall: that is why it is called Scrollbar Paper. The benefit of this approach is that the way browser’s default scrollbar behaves is not modified: mouse wheel support, text selection and scrolling performance are the same as usual.

Demo and Download

Scrollbars

jQuery plugin. Fully themable and adjustable scrollbars. Automatically adjusts if scrollbars are not required. Fallback to regular scrollbars if JavaScript is disabled.

Demo and Download

jQuery quickie: Unlimited Scroll using the Twitter API

This is a great technique that could be used on loads of websites. Instead of the regular pagination, where the user has to click to see the next page, unlimited scroll automatically loads the next page when the user is at the bottom.

Demo and Download

ShortScroll

A jQuery UI Google Wave style scroll bar. It added functionality and style making much better than the browser default scroll bar.

Demo and Download

Vertical scrollbar using jquery UI slider

There’s a fundamental aspect of the way the vertical slider works which took me a little time to get my head round, and that’s that the slider as a default starts from zero at the bottom and increases upwards – which is the wrong way round for a vertical scroller, hence the need for a bit of extra calculation.

Demo and Download

LionBars

A free to use, lightweight jQuery plugin that makes scrollbars look like in OSX Lion.

Demo and Download

Endless Scroll

Endless scroll (or infinite scrolling) is a popular technique among web 2.0 sites such as Google Reader and Live Image Search, where instead of paging through items using the traditional pagination technique, the page just keeps loading with new items attached to the end.

Demo and Download

jQuery Scroll to Top Control

If your pages are long winded, it’s a good idea to provide viewers with an easy way to quickly/ automatically scroll back to the top of the page. That’s where this script comes in. It displays a stationary control at the lower right corner of the window that when clicked on gently scrolls the page back up to the top. And instead of always being visible on the user’s screen, the script lets you specify how far down the page the user is at (in pixels) before revealing the control.

Demo and Download

jScrollPane

jScrollPane is a jQuery plugin which provides you with custom scrollbars which work consistently across all modern browsers. You can style the scrollbars using simple CSS and they degrade gracefully where JavaScript is disabled.

Demo and Download

Special scroll events for jQuery

It scrolls with the movement of mouse.

Demo and Download

Scrollable

The main design goals of this tool are to provide visual customization, ease of use and programmability. You can have both Horizontal and vertical scrolling.

Demo and Download