nanoScroller.js

nanoScroller.js automatically adds custom-styled scrollbars to designated containers, showing it only on mouse hover.

Its default style and behavior mimics the Mac OS X Lion scrollbars, and can be used with any overflowing HTML element.

The plugin supports drag and drop scrolling, but also works with mouse wheel and keyboard (up/down) arrow scrolling as well.

nanoScroller.js will allow developers to use any theme they want, working with pure CSS-based styles and no external images.

A demo is included with the download package.

What is new in this release:

• Added AMD Wrapper
• Bug fix: use @options instead of options
• Added jspm/jspm config settings
• Small readme fixes
• Fix classnames in unit tests

What is new in version 0.8.5:

• Added AMD Wrapper
• Bug fix: use @options instead of options
• Added jspm/jspm config settings
• Small readme fixes
• Fix classnames in unit tests

What is new in version 0.8.0:

• Allow relative and static position to be used for .nano-content
• Fixed slider not updating when calling scrollTop and scrollBottom
• Highlight code in README

What is new in version 0.7.6:

• Fixed a bug where scrollbar position would not get updated when pane was clicked.

What is new in version 0.7.2:

• Fix for nested nanoScrollers.

What is new in version 0.7:

• Fix for offset top value in the nanoScroller.scrollTo method.

What is new in version 0.6.7:

• Fixed for a scrolling bug.

What is new in version 0.6.4:

• Keyboard support, alwaysVisible option and bug fixes.

What is new in version 0.6.3:

• More fixes for the scrollbar bug in Webkit browsers.

What is new in version 0.6.1:

• NanoScroller settings can now be added on a later phase.

What is new in version 0.5.9:

• Fixed broken scrollbar in iOS.

What is new in version 0.5.6:

• Added 'iOSNativeScrolling' option and 'scrollend' custom event.

What is new in version 0.5.5:

• iOS 5 fix and min height for slider.

What is new in version 0.5.4:

• Scroll to node feature and small fixes.

What is new in version 0.5.2:

• Added options to change plugin's default classnames.

What is new in version 0.4.9:

• It now iterates all matching elements. So basically you could do $(".nano").nanoScroller(); to apply the scrollbar to all matching dom objects.

What is new in version 0.4.7:

• Patch for IE8.

What is new in version 0.4.2:

• Fix for Firefox.
• Scrollbar will not be visible if the inner content height is less than the container height.

What is new in version 0.4.1:

• Fixed scrollTop and scrollBottom methods.

What is new in version 0.3.8:

• Accuracy fix for the slider y-position on scroll event.

What is new in version 0.3.6:

• Fixed the mousewheel when scrolling over the bars bug on Webkit browsers.

Requirements:

• JavaScript enabled on client side
• jQuery 1.6 or higher

Limitations:

• Only vertical scrolling is supported.