Lion-like scrollbar with jQuery?

Question

Does anyone know a jQuery plugin that makes Mac OS X Lion style scrollbars for every browser?

Thanks in advance.

Edit: Here's an image for Windows users

Answer 1

Antiscroll is probably one of the best plugins available that recreates Mac OS X Lion scrollbars in every browser.

Some of the great features of Antiscroll:

1. Fades in and out
2. Size of container can be dynamically adjusted and scrollbars will adapt
3. Supports mousewheels, trackpads, other input devices natively
4. Shows scrollbars upon hovering
5. Supports IE7+, Firefox 3+, Chrome, Safari, Opera

Demo: http://automattic.github.io/antiscroll/

Answer 2

Use my plugin: scrollYou

It uses a simple approach to make the scroll inside the own element. So you dont have to add more elements to make it roll.

Answer 3

This is an old question.. but maybe someone is still interested in my version:

Source: https://github.com/pixelass/customScrollBar

Example: http://pixelass.github.io/customScrollBar/

This plugin actually replicates the scrollbar more precisely than antiscroll or nicescroll.. etc.

The plugin allows full control over the scrollbars (currently only vertical) and does not require mousewheel.js (as most plugins do) Removing this dependency was the main goal of my version.

It also listens to the scroll event (as antiscroll does). The fade-in and hover resize on the scrollbars were missing on all other plugins I found. My version includes an example to show how to achieve this effect.

There are optional (pseudo-)event-listeners "scrollEnded" "clicked" which are fired when the user's scroll has ended or when the scroll-bar-thumb is clicked.

This plugin also allows almost any imaginable style and setting of the scrollbar, as click-arrows (up-down-arrows).

Alpha

This is still alpha (time of posting) but development will continue as time passes.

Answer 4

This one has scroll bars like the ones on Mac and is very simple to install. You can basically apply any skin you like with css.

Answer 5

nanoScroller.js is a jQuery plugin that coded with Coffeescript and it makes its job: http://jamesflorentino.github.com/nanoScrollerJS/

Answer 6

jScrollPane plus a little bit of modification would do.

This is a tutorial about it.