Custom Javascript Scrollbar

To create a custom scrollbars is always a challenging job for web designers, here are some easy and good samples and code of custom JavaScript scrollbars, hope it will be helpful for you guys.

A scrollable layer with a custom scrollbar

Here is a scrollable layer with a custom scrollbar with all the bells and whistles of the standard browser scrollbar.

  • Customize the slider (scroller) to your needs. Change icons, scroll speed etc.
  • Scoll using the arrows of the slider, using the knob, or by clicking into the slider directly. Mouse wheeling is supported by internet explorer.
  • Vertical and horizontal.

Custom Scrollbars

Nice Custom Scrollbar using

Mootools Styled Scrollbar Example

Very Good and easy to Impliment Mootool Styled Scrollbar, It is Tested with FF, IE6, IE7, Opera 9.26 and Safari 3.04 (for Windows).

Scrolling Div Content with Graphical Scrollbars

croll div content vertically or horizontally, onmouseover, onmousedown, onmousewheel or with a gliding motion onclick. Graphical scrollbars and multiple instances supported.

DHTML Scroller

Loads external content into a div, and then can scroll the content in a div vertically within a page using clipping. See my site for compatibility info and updates.


fleXcroll can cope with dynamic updates such as dynamic content injected via AJAX, and can be controlled from outside, and fleXcroll now provides transparent support for anchor id’s.


jsScroller is an instance of jsScroller.js, scrollbarContainer is the element that contains all the components for the scrollbar, auto is a boolean value that when set to true makes the whole scrollbar disappear when the content doesn’t fill up the whole area . More Sliders and Scrollbars….

ScrollBar with Background image

Custom Scrollbar using DIV and IFRAME

Get on time success in 642-902 & mcse exams by using our latest and high quality cissp training and other superb 000-118 exam pass resources of pass4sure crm.


  1. willrice   •  

    Thankyou so much for this blog entry, it took me a long time to find, but I’m soo happy I did! Great selection of code examples, will be using one of the above for sure! Thanks a lot!

    Will Rice

  2. Tex0gen   •  

    Thanks for the examples above, will be using a few with customized elements, why re-invent the wheel?

    Superb collection.

  3. i-cute   •  

    Thanks for this useful infos.i ve lookin for this matter all along.. and stumble upon ya page and voila! u listed various options to choose from.
    Really appreciate it .Thanks again.
    Your post is a savior.

  4. Archana G   •  

    thanks for this blog.its really helpful,and i got what exactly i want…
    Thank you so much once again.

    Archana G.

  5. lucas   •  

    Html barra

  6. Pingback: My Bookmarks « Ruman's Blog

  7. Ibuprofane   •  

    Great collection of custom scrollbar tutorials! This is the last thing I needed to make my site perfect!

  8. Tonya   •  

    It does appear, however, that hypnosis can help a person
    achieve his or her weight loss goals. In fact, I always suggest
    to those overweight vegetarians to keep to a
    max of 4 pounds a week so you won’t suffer loose skin post weight loss. Hence, broccoli is a must-add ingredient in your vegetarian weight loss diet.

Comments are closed.