15+ jQuery Custom Scrollbar Plugins, Scripts and Tutorials
Today, we are here to inspire you with some useful custom jQuery scrollbar plugins and scripts. We have also added some bonus custom scrollbar tutorials using jQuery and CSS3 techniques.
Custom jQuery scrollbars are really important for creating enriched and beautiful web applications and websites. jQuery scrollbar plugins and scripts can help you easily add some amazing custom scrollbars to your website. These scripts can also be used for your WordPress and PHP websites. We would like to thank all these great developers for their nice scrollbar plugins.
Here is the list of 15+ jQuery Custom Scrollbar plugins to inspire you:
This custom Scrollbar Plugin by Malihu is the best custom jQuery scrollbar plugin. This has a wide range of themes build within and is highly customizable.
From The Maker: Custom scrollbar plugin that’s fully customizable with CSS. Features vertical/horizontal scrolling, mouse-wheel support (via jQuery mousewheel plugin), scrolling buttons, scroll inertia with easing, auto-adjustable scrollbar length, nested scrollbars, scroll-to functionality, user defined callbacks and much more.
VertiScroll is a custom jQuery scrollbar plugin from roXon which can be used to design some great custom vertical scrollers. The best part about this stylish scrollbar plugin is, it can be used on a mobile device UI as well.
As the name of the plugin says, it is a great cross browser styleable scroller by Kelvin Luck. The scrollbar can be enhanced using CSS according to your needs.
jQuery Custom Scrollbar is a plugin that lets you add fully customizable scrollbars to your sites instead of browser’s default scrollbars. When using the plugin you can apply any css styles you want to your scrollbars. Features include: vertical and horizontal scrollbars you can style your own way, scrolling by mouse dragging, mouse wheel, keyboard – just as you would with native browser scrollbar, touch scrolling on mobile devices (Android, iPhone and iPad), a couple predefined skins showing you how to style scrollbars, simple api that lets you scroll programmatically.
The jScrollbar jQuery plugin is highly customizable which can detect mouse wheel events. Also this plugin can be skinnable using CSS.
This jQuery script can be used to replace the normal scrollbars with an image. If you are good at Photoshop, then you can create wonderful scrollbar PSDs for this script customization.
11) Scroll Path
This plugin is something different. This is a scrollbar plugin with an added bonus to show your scroll path on your browser. I found this plugin really interesting, and hence you are finding this plugin along with this list.
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.
15) Scrollbar Paper
Alternative plugin to jScollPane from jQuery pages.
16) Lion Bars
Bonus: Tutorial using jQuery and CSS3:
This scrollbar is for webkit browsers. Works seamlessly in Chrome. But, not on other browsers like Safari or Firefox.
Hope you enjoyed this piece of UI design inspiration. We now know that jQuery can be powerful enough to create amazing scrollbars for your website. If any other amazing plugin is missed out in this space, please don’t forget to mention the same in the comment box below.