1. jScrollPane – custom cross-browser scrollbars By kelvinluck
2. Tiny Scrollbar – A lightweight jQuery plugin
- Can scroll vertical or horizontal
- Supports scrolling by wheel, thumb, or track
- It has a update function so it can handle content changes.
- Size of the scrollbar and thumb can be set to auto or a fixed number
- Easy customizable
- Lightweight its only 100 lines of code. mimified the size is 2,29 kb.
3. jQuery Custom Content Scroller By malihu
Custom scrollbar plugin utilizing jquery UI that’s fully customizable with CSS. It features vertical/horizontal scrolling, mouse-wheel support (via Brandon Aaron jquery mouse-wheel plugin), scroll easing and adjustable scrollbar height/width.
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.
Finally, Scrollbar Paper is refreshed regularly, thus keeping adapted to its content.
I have never been a fan of custom scroll bars. Most of the time they are just eye candy and end up getting in the way. That was until I saw the scroll bar in Google Wave. I thought it was the best UI feature in the whole app. It added functionality and style making much better than the browser default scroll bar. So I thought that I would create a scroll bar like it as a jQuery UI widget.
a jQuery plugin which renders a custom, CSS styleable vertical scrollbar.
Wasted another morning messing about with the jQuery UI slider, trying to get it to work vertically rather than horizontally. Seems like quite a few others have been looking for the same thing, so here’s my attempt. I began by adapting the code on the jQuery UI site for a horizontal slider. This worked, but seemed unnecessarily complex, so I had another go, starting from the vertical slider code. The result is a lot cleaner.
9. jQuery Scrollable – Scroll your HTML with eye candy
Add custom scrolls to your site
- You can use this tool on
- home pages, like this one right here
- product catalogues
- news tickers
- custom select boxes in forms
- image galleries
- video playlists
- all kinds of navigational systems
The main design goals of this tool are to provide visual customization, ease of use and programmability. The first version of the library was released on January 3, 2008. Since then, this tool has come a long way and it is now a stable and mature product.