1. jScrollPane – custom cross-browser scrollbars By kelvinluck

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.

2. Tiny Scrollbar – A lightweight jQuery plugin

Tiny Scrollbar can be used for scrolling content. It was built using the javascript jQuery library. Tiny scrollbar was designed to be a dynamic lightweight utility that gives webdesigners a powerfull way of enhancing a websites user interface.

  • 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

jquery custom content scrollerCustom 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.

4. Scrollbars v2

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.

5. Rangeinput demo 4 / 4 : A custom scrollbar for a DIV

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

6. ShortScroll – A jQuery UI Google Wave style scroll bar

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.

7. a jquery plugin rendering a custom scrollbar

a jQuery plugin which renders a custom, CSS styleable vertical scrollbar.

8. Vertical scrollbar using jQuery UI slider

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.

Leave a Reply

Your email address will not be published. Required fields are marked *