aspdotnet-suresh offers articles and tutorials,csharp dot net, articles and tutorials,VB.NET Articles,Gridview articles,code examples of 2.0 /3.5,AJAX,SQL Server Articles,examples of .net technologies

8 jQuery Custom Scrollbar Plugins Example Tutorials

Dec 30, 2012

Here I will explain best
jQuery custom scrollbar plugin examples. jQuery Custom Scrollbar plugins will allow you to add fully customizable scrollbars for your application

In previous article I explained 6+ jQuery Snow fall effect plugins,
11+ Best jQuery Countdown timer plugins, 12+ Best jQuery Drag and Drop Plugins, 11+ best jQuery Scroll to top plugins, 9+ JQuery AutoComplete plugins, 6+ JQuery Password Strength Plugins and many articles relating to JQuery, Ajax,, SQL Server etc. Now I will explain different type of best jQuery custom scrollbar plugin tutorials with examples.

jQuery Custom Content Scroller

Custom scrollbar plugin utilizing jquery UI that’s fully customizable with CSS. Features vertical/horizontal scrolling, mouse-wheel support (via Brandon Aaron jquery mouse-wheel plugin), scroll inertia & easing, auto-adjustable scrollbar length, scroll-to functionality and scrolling buttons.

jScrollbar : Customize your own scrollbar with jQuery UI

jScrollbar is fully skinnable with CSS (you can use images instead) and can detect mousewheel event.

NanoScroller: JQuery Scrollbar

nanoScroller.js is a jQuery plugin that offers a simplistic way of implementing Mac OS X Lion-styled scrollbars for your website. It uses minimal HTML markup being .nano > .content. The other scrollbar div elements .pane > .slider are added during run time to prevent clutter in templating. The latest version utilizes native scrolling and works with the iPad, iPhone, and some Android Tablets.

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.
Besides, Scrollbar Paper's HTML does not wrap itself around its content, and thus, does not eventually break it: for instance, when jScrollPane might reset/break Flash/SWF movies, Scrollbar Paper will not.


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


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.

Sly: jQuery plugin for one-direction scrolling 

Sly is a jQuery plugin for one-directional scrolling simulation with item based navigation support and lots of other goodies. This plugin is also 9Kb minified and works in IE6.

Plugin JQuery : Scrollbar

If you enjoyed this post, please support the blog below. It's FREE!

Get the latest,, VB.NET, jQuery, Plugins & Code Snippets for FREE by subscribing to our Facebook, Twitter, RSS feed, or by email.

subscribe by rss Subscribe by RSS subscribe by email Subscribe by Email


vivek said...

realy nice suresh sir.

Anonymous said...

this website is osome

Sanjay said...

wow brilliant nice work i really appreciate this. keep it up.

Anonymous said...

This scroll bar plugin appear on page load. but disappears after clicking any button in webpage. I used update panel for web page. so after the page get postback, default scroll bar appears in place of mcustomscrollbar.update panel is mandatory. so i am not in situation to remove it. is there any possibility to make scroll bar visible even after using update panel. kindly post that script functions if any. i am in need to do that. i failed to find the solution. kindly help me sir. pls

Innofied said...


Recently I came across some great articles on your site.
The other day, I was discussing ( my colleagues and they suggested I submit an article of my own. Your site is just perfect for what I have written!
Would it be ok to submit the article? It is free of charge, of course!

Let me know what you think
Contact me at

Anele Ivanova

Nugraha said...

Beautifull design

Let's Start your Spirit said...

thank you sir more helpful

Anonymous said...

Hi Suresh,
can you please tell me that content is added but scrollbar is not visible as there is lot of implementation every time we can not call jQuery("nano").nanoScrollbar(). Is there any workaround for the situation

Give your Valuable Comments

Note: Only a member of this blog may post a comment.

© 2015 All Rights Reserved.
The content is copyrighted to Suresh Dasari and may not be reproduced on other websites without permission from the owner.