July 16, 2012
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
© 2013 jquer.in
Curated By Jay Kanakiya