JavaScript scrollbar recommendations

Question

I'm really disappointed that I can't customize Firefox's scrollbar, but now I am looking for alternatives. Listed below are the best that I've found, but I figured I should ask for opinions and perhaps links to even better ones!

http://manos.malihu.gr/jquery-custom-content-scroller (looks great, supports content changes)

http://baijs.nl/tinyscrollbar/ (looks decent, supports content changes, 100 lines of code, etc.)

http://johnford.is/examples/script.aculo.us/index.html (image examples look good, mouse wheel support available)

Are these the best, or does anyone have a recommendation?

Answer 1

The ones in the first link you gave are very nice and useful.

As far as the scroll is concerned, there is not much to do if you are not a Picasso in my opinion. I say go with the first link.

Answer 2

My recommendation: stick with the scrollbars provided by the browser. They may not look exactly how you want, but they will work better than any JavaScript replacement, will be consistent with scrollbars in other applications in the user's OS, and will work when JavaScript is turned off. You also avoid effort now (easier development) and later (no maintenance).

Answer 3

I like to use Tiny Scrollbar for the minimalist design, and for the more custom use cases I use jQuery custom content scroller

Answer 4

I recommend this jQuery custom scrollbar plugin:

https://github.com/mzubala/jquery-custom-scrollbar

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 of predefined skins showing you how to style scrollbars
• Simple API that lets you scroll programmatically and be notified about scroll events