Get new jQuery plugins just once a week

×

NanoScroller

July 16, 2012

NanoScroller | Mac OS X Lion-styled scrollbars

NanoScroller js is a jQuery plugin that offers a simplistic way of implementing Mac OS X Lion-styled scrollbars for your website.It uses minimal HTML markup.It utilizes native scrolling and works with the iPad, iPhone and some android tablets.The other scrollbar div elements .pane > .slider are added during run time to prevent clutter in templating.The plugin works by creating a scrollbar gadget (with pre-defined css for styling) and then subscribing the .content’s scroll events to it. Mouse press and drag events are also subscribed to the .pane and .pane > .slider to emulate the native scrollbar’s mechanism. The system scrollbars are hidden from the viewport (Fig 1). By doing this, we still retain the natural scrolling experience provided by the OS.
Created by James Florentino

Download

Example

nanoscroll

nanoScroller.js is a jQuery plugin that offers styled scrollbars for your website

NanoScroller

Related posts:

Unlimited Twitter Scroll
Windows
roll-js
nanoscroll

http://jquer.in/wp-content/uploads/2012/07/nanoscroll.png

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever