10 jQuery Scrollbar Plugins
to help you display present whatever content you have in a more interactive & more responsive way. The solution is jQuery, we’d like to present custom scrolling content using the power of CSS and the beauty of jQuery.
Update 29/09/13: Added 11. jQuery NiceScroll Plugin
Premium – VenScrollBar – A jQuery Scrollbar Plugin
VenScrollBar is a jQuery plugin that allows web designers to replace the ugly, default OS scrollbar with custom ones that they create.
2. A custom scrollbar for a DIV
This tool brings HTML5 range input to all browsers in such a way that you can make it look and behave like you want. This small candy weighs only 2.2 Kb. Here the range input is used to control scrolling of a DIV. A little more coding and you can present your products like Apple does.
3. 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.
4. jQuery Scrollbar Replacements
These scrollbars are fully themable allowing their behavior to be determined as well as their look. This script uses the ‘jquery.corner’ plugin for the lovely cross-browser rounded corners and ‘jquery.drag’ for more reliable drag event registering.
5. jQuery Custom Content Scroller
A custom content scroller created with jquery and css that supports mousewheel, scroll easing and has a fully customizable scrollbar. The script utilizes jQuery UI and Brandon Aaron jquery mousewheel plugin. Very easy to configure and style with CSS.
6. Tiny Scrollbar – A lightweight jQuery plugin
7. jScrollPane – custom cross-browser scrollbars
8. Release: [jQuery Plugin] 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.
9. jQuery Scroll Follow
A simple jQuery plugin that enables a DOM object to follow the page as the user scrolls. Scroll Follow has been successfully tested on IE6, IE7, FF2, FF3, Safari 3, and Opera 9 on Windows. It has been successfully tested on FF3 and Safari 3 on MacOSX.
10. 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.
jQuery NiceScroll Plugin
Nicescroll is very powerfull and very customizable, but nice to use. This examples can works on all major browsers and mobile devices.