Useful jQuery Scrollbar Plugins
If you want to have a more interactive and responsive look on your website, jQuery scrollbar plugins will help you achieve this. Instead of having the browser’s default scrollbars, you can add fully customizable ones where you can create your own style; vertical or horizontal scrolling, scrolling by mouse dragging, mouse wheel or keyboard, and even touch scrolling on any mobile devices such as iPad, iPhone and Android for cross browser and platform. It is very flexible and works consistently across all modern browsers.
This very useful plugin does not only make your website look symbiotic but also supplements the exquisiteness of the over-all presentation of the content and the design. You have full control on how you want to display the content most appropriate for your website.
But, you have to be careful on how you are going to use and position these cool scrollbars on your website. It may be challenging to set up this scrollbar plugin by too much coding. It is advisable to download the archive that contains all plugin files and examples. Your content block must be visible and fully loaded in order for the custom scrollbar to work correctly.
If your website has too many contents and images to fit the page, this is a perfect idea to provide visitors an easy way to quickly scroll to the top of the page. Here are collections of the most popular and easy to use jQuery Scrollbar plugins that you can add to your website.
Rollbar – MORE INFO
This scrollbar plugin does not only allow you to customize your scrollbar but also create slideshows with external controls. It is very responsive and allows you to automatically adjust to window size, touch screen support on Android and iOS devices, and respond to custom jQuery events to scroll content.
FueledWeb Pro Thumbnail Scroller – MORE INFO
FueledWeb Pro Thumbnail Scroller has 3D like effect and varieties of highly enhanced customization options ideal for product display, media gallery or item slider. It has over 50 plugin options and 25 theme variables making it an advanced multipurpose jQuery plugin.
jQuery quickie: Unlimited Scroll using the Ywitter API –MORE INFO
Here’s a jQuery tutorial on how to create unlimited scroll using Twitter API. This is a very useful technique that gives you fast and easy way to automatically load the next page when you are at the bottom of the page without clicking next page. This can also be used for loading blog posts.
jQuery Custom Content Scroller – MORE INFO
jQuery Custom Content Scroller has scrolling vertical and horizontal feature, mouse-wheel support, scroll inertia with easing auto-adjustable scrollbar length, scroll to functionality, scrolling buttons and many more. This is fully customizable with CSS and contains the basic styling of the custom scroll bar.
jQuery Horizontal Image Scroller w/ Lightbox – MORE INFO
This is one of the best jQuery scroll plugins that gives ease of use in terms of gallery navigation for images. You can simply configure the number of slides visible per scroll, set images in random order and the lightbox is automatically positioned and fitted to window browser.
Scrollbar Paper – MORE INFO
Scrollbar Paper covers a default scrollbar with a custom scrollbar just like a paper on the wall. It has the same functionality with its mouse wheel support, text selection and scrolling performance. It is compatible with IE7/8, Firefox 3.5 and Safari ¾.
VenScrollBar – MORE INFO
Although VenScrollBar has the same functionality with the regular scrollbars, it provides added features such as auto hiding and smooth scrolling. This will give a more personalized design for your website and has compatibility with all the major browsers.
jScrollPane – MORE INFO
jScrollPane is the choice for most designer because of its flexibility. This plugin switches the default scrollbars into HTML which can be easily skinned with CSS or you can also choose from the existing themes. It is very easy to use where you can just download the necessary files, put them on your server and include relevant files in the head of your document.
Tiny Scrollbar – A lightweight jQuery plugin – MORE INFO
Tiny Scrollbar gives you the ability to scroll vertical or horizontal and supports scrolling by wheel, thumb, track or touch (for mobile devices). It is designed to be a lightweight plugin that offers designers a formidable means of enhancing a website user interface.
Scrollbars – MORE INFO
Scrollbars is a jQuery plugin that is fully themable, customizable and automatically adjusts if scrollbars are not required. This is compatible with IE7, Firefox 3.5 and Chrome.
ShortScroll – MORE INFO
This Google wave style jQuery plugin for scrollbar offers added features that enhance functionality and style better than the browser’s default scrollbar.
Endless Scroll – MORE INFO
Endless Scroll or infinite scrolling has the ability to scroll up and pre-fetching content from a subsequent page to the beginning of the page. This technique is commonly used in web 2.0 sites like Google Reader and Live Image Search.
jQueury Scroll to Top Control – MORE INFO
For long winded pages, this scrollbar jQuery plugin is one is for you. When you click the stationary control at the lower right of the window, it will smoothly scroll the page back to the top. It also has the ability to scroll to an definite position from top page or to specific element on the page.
jQuery Scroll Follow – MORE INFO
This jQuery for scrollbar is compatible with almost all modern browsers such as IE 6/7/, Firefox 2/3 Safari 3 and Opera 9 on Windows and Firefox3 and Safari3 on MacOSX. This plugin simply enables a DOM object to follow the page as the visitor scrolls.
jQuery topLink Plugin – MORE INFO
The fade in and out functionality of this jQuery scrollbar makes it unique and a must add on to your plugin. It allows visitors to be able to fade in or fade out to the top link on any page.
simplyScroll v2 – MORE INFO
SimplyScroll v2 has the ability to auto-scroll in either direction (horizontal or vertical, backwards or forwards) and automatically supports unequal sized elements in loop mode. It also has a pause and play button and works on all major browsers.
liimeBar – MORE INFO
LiimeBar has a sleek visual style that will surely amaze your visitors. It has a lot of customization options providing an astounding look on your website and installation would only take approximately 2 minutes.
Vertical scrollbar using jquery UI slider – MORE INFO
This plugin has a jQuery vertical scroll buttons that comes easy with multiple sliders on one page. This supports the use of images for scrollbar handles, scrolling with a mousewheel and the size of the scrolled content changing after load.
Lionbars – MORE INFO
LionBars is cross browser compatible and lightweight that makes scrollbars look like in OSX Lion. It has a fade in/out controlled with CSS3 animations and shows scrollbars upon hovering.
enscroll – MORE INFO
Enscroll jQuery plugin for scrollbar allows you to replace default scrollbars with your own image or make use of customized CSS to create your own style. It will automatically adjust the position and size of the scrollbars as you move, resize or modify the scrolling pane.
Smooth Div Scroll – MORE INFO
Smooth Div Scroll is a simple scrollbar plugin that will allow you to scroll contents horizontally from left to right. It makes use of any type of content scrollable and does not limit the scrolling to distinct steps. This works on any mobile devices such as iPads, iPhones and Android smartphones for easy touch.