Nicescroll

They can be attached to any page section and allow easy navigation of large content fitted into a small place.

The scroll bars are CSS styleable.

It supports DIVs, IFrames and document page (body) scrollbars.

Tested and working with with Firefox 4+, Chrome 5+, Safari 4+, Opera 10+ and IE 8+.

A demo is included with the download package.

What is new in this release:

• Allow horizrailenabled false and timeout issue
• Allow left rail offset for left aligned scroll bars
• Fixed issue of shifting cursor in textarea
• Angular added
• Remove moot `version` property from bower.json
• Background parallax fix
• Browserify and Node/CommonJS support
• Reset checkarea for mouse wheel event when the mouse moved
• Fixing nicescroll visibility inside modal

What is new in version 3.6.6:

• Allow horizrailenabled false and timeout issue
• Allow left rail offset for left aligned scroll bars
• Fixed issue of shifting cursor in textarea
• Angular added
• Remove moot `version` property from bower.json
• Background parallax fix
• Browserify and Node/CommonJS support
• Reset checkarea for mouse wheel event when the mouse moved
• Fixing nicescroll visibility inside modal

What is new in version 3.6.0:

• New options:
• scriptpath, Allows users to define their own "scriptpath"
• Changed features:
• Primitive Bootstrap support - modal windows
• Removed delayed method
• Loading from cdnjs

What is new in version 3.5.4:

• Changed name of ambiguous functions onscrollend and onScrollEnd (renamed to onScrollTransitionEnd)
• Plugin is AMD compatible
• Ctrl + mouse wheel, restored zoom native function of browsers (Firefox, Chrome)

What is new in version 3.5.1:

• Fixes DOM onclick event.

What is new in version 3.4.0:

• New wheel event routine, more responsive and consistent scrolling by mousewheel
• Change speed on scrolling by cursors, more responsive
• Change speed on drag scrolling, more responsive

What is new in version 3.2.0:

• Chrome/Firefox, detection of div removing to remove nicescroll automatically too, using Mutation Observer.
• Desktop browsers, auto-scrolling on div when selecting text.

What is new in version 3.1.9:

• New options:
• nativeparentscrolling (default:true), detect bottom of content and let parent to scroll, as native scroll does.
• Changed features:
• Smoothest scrolling with the mouse wheel.

What is new in version 3.1.8:

• New features:
• $.nicescroll.options, the global option object contains init settings used from all nicescroll instances.
• class .nicescroll-rails added to Rails.

What is new in version 3.1.5:

• Bugs fixed:
• Nicescroll on a horizontal scrollable div prevents page vertical scrolling on mobile.
• Can't scroll with mousewheel inside a <select> element.

What is new in version 3.1.2:

• Fixed shift-space combo.

What is new in version 3.1.0:

• New method "toggle" (show/hide).

What is new in version 3.0.0:

• Horizontal scrollbar.
• setCaption, enabling mouse capture for easiest mouse drag detection (IE5+/Firefox4+).
• Scroll events.
• zoomin/out events.
• Sensitive rail, clicking on rail do page scroll (doubleclick function too).

What is new in version 2.9.7:

• Fixed FF16, transitionend event detection fail.

What is new in version 2.9.5:

• DOM chance detection for major browsers (IE, Firefox, Chrome, Opera).
• New object $.nicescroll (NiceScrollArray returned) for simpliest activities on nicescroll bars.
• Maintained scroll position on hidden divs when showed.
• Experimental compatibility for MSPointer events (IE10) and devices with mouse and touch inputs both enabled.
• Experimental compatibility for Windows Phone 7.5 Mango (IEMobile 9).
• Add railoffset to adjust offset of rail.

What is new in version 2.9.2:

• Replacing screenX/screenY to clientX/clientY, for smooth drag when browser zoom is enabled.
• Zooming show hided scrollbars, jquery bug on innerWidth/innerHeight calculation.
• Rail visibility functions rewritten.

What is new in version 2.9.0:

• Scrollbar not visible when content has toggled (show/hide).
• iOS/WebKit, clickable elements breaked after content scrolling.
• iOS, scrolling stuck after action on clickable element.
• iOS, flickering on first scrolling action.
• Chrome and IE9, cursor "grab" not displayed.

What is new in version 2.8.6.1:

• Fixes for floating DIVs, nicescroll bar don't update horizontal position when window resize.

What is new in version 2.8.5:

• Can scroll with space key.
• nicescroll checks content size on (body) load event.

What is new in version 2.2.0:

• New features:
• Scrolling with css transition (for full hw speed)
• cssHook-ed scrollTop property, hw-scroll can be controlled by jQuery and you can use animation
• Override jQuery scrollTop function, hw-scroll can be controlled by jQuery and you can use animation
• nicescroll object linked with jQuery DOM, using $.data named "__nicescroll"
• jQuery function's getNiceScroll, to get the nicescroll object using $ selectors
• Only one instance for div, it checks if nicescroll already exists on the div
• "grab" icon on div with touchbehavior = true
• New options:
• grabcursorenabled, display "grab" icon for div with touchbehavior = true, default is true
• autohidemode, how hide the scrollbar works, true=default / "cursor" = only cursor hidden / false = do not hide
• Background, change css for rail background, default is ""
• Changed features:
• zIndex for scrollbar of document is the default value and for others is default+2

What is new in version 2.0.1:

• Changed features:
• cursorborderradius default value to "5px".
• Fixes:
• Zoom preserve styles issue (i.e. zoom out on ipad doesn't work).
• Zoom in feature, it resets margins to zero for fullscreen content now.
• Known issues:
• Xoom on iOS 4.x is unreliable.

What is new in version 1.5.0:

• First public release.

Requirements:

• JavaScript enabled on client side
• jQuery

Limitations:

• Only vertical scrollbars supported.