Nicescroll is a jquery plugin, for nice scrollbars with a very similar ios/mobile style. All images licensed under Creative Commons Attribution 3.0 Unported License. Added a compatibility plugin to remap the old names to the new. it works with jQuery 1.x / 2.x / 3.x branch (slim version don't works). Choose a default easing method to overwrite the standard 'swing' animation. License. What is it? More info here. Click on any of the yellow headers to see the default easing method in action (I've set as easeOutBounce for the demo, just because it's obviously different). "Use strict" tested script for maximum code quality. 28/06/07 1.1.1 Updated the method to not overwrite the newly renamed 'swing', or the new 'linear' style coming in 1.1.3. There are two ways to specify a custom easing method, the following are functionally identical: duration: is basically speed, so milliseconds or slow/fast will work here. Please also note, you shouldn't really be hotlinking the script from this site, if you're after a CDN version you could do worse than try cdnjs.com Use the button below to donate to the beer fund via paypal. It works on desktop (double click on div) either in mobile/touch devices using pinch gesture. Contribute to gdsmith/jquery.easing development by creating an account on GitHub. 5,403. If nothing happens, download Xcode and try again. It supports DIVs, IFrames, textarea, and document page (body) scrollbars. on all browsers you can scroll: dragging the cursor, mouse wheel (speed customizable), keyboard navigation (cursor keys, pagup/down keys, home/end keys) Bower and AMD ready. Please note, the easing function names changed in version 1.2. When you call "niceScroll" you can pass some parameters to custom visual aspects:  1. Simple mode, it styles document scrollbar:  3. Style a DIV and chage cursor color:  4. DIV with "wrapper", formed by two divs, the first is the vieport, the latter is the content:  7. Check for scrollbars resize (when content or position have changed):  change opacity when cursor is inactive (scrollabar "hidden" state), range from 1 to 0,  change opacity when cursor is active (scrollabar "visible" state), range from 1 to 0,  cursor width in pixel (you can also write "5px"),  scrolling speed with mouse wheel (pixel),  enable cursor-drag scrolling like touch devices in desktop computer,  use hardware accelerated scroll when supported,  (only when boxzoom=true) zoom activated when double click on box,  (only when boxzoom=true and with touch devices) zoom activated when pinch out/in on box,  (only when touchbehavior=true) display "grab" icon,  how hide the scrollbar works, possible values:Â,  hide only if pointer leaves content,  show only on scroll         Â,  set the minimum cursor height (pixel),  you can scroll native scrollable areas with mouse, bubbling mouse wheel event,  you can add offset top/left for rail position,  (only hw accell) enable scroll bouncing at the end of content as mobile-likeÂ,  enable page down scrolling when space bar has pressed,  for chrome browser, disable outline (orange highlight) when selecting a div with nicescroll,  nicescroll can manage horizontal scroll,  nicescroll can use css translate to scroll content,  nicescroll can manage mouse wheel events,  nicescroll can manage keyboard events,  can use mouse caption lock API (same issue on object dragging),  set fixed height for cursor in pixel,  set the delay in microseconds to fading out scrollbars,  dead zone in pixels for direction lock activation,  detect bottom of content and let parent to scroll, as native scroll does,  enable auto-scrolling of content when selection text,  speed of selection when dragged with cursor,  horizontal div scrolling starts at left side,  drag cursor in touch / touchbehavior mode also,  it permits horizontal scrolling with mousewheel on horizontal only content, if false (vertical-only) mousewheel don't scroll horizontally, if value is auto detects two-axis mouse,  define custom path for boxmode icons ("" => same script path),  prevent scrolling on multitouch events,  enable DOM changing observer, it tries to resize/hide/show when parent or content div had changed,  set a custom ID for nicescroll barsÂ, Repo: github.com/inuyaksa/jquery.nicescroll, http://userscripts.org/scripts/show/119910, http://www.opensource.org/licenses/mit-license.php, http://laptop.org/8.2.0/manual/Browse_ChangingView.html. Uses Robert Penners easing equations for the transitions. Worked out how extend works, so it properly no longer overwrites the defaults. (not all device/browser support this feature), on all browsers you can scroll: dragging the cursor, mouse wheel (speed customizable), keyboard navigation (cursor keys, pagup/down keys, home/end keys), scroll is smooth (as modern tablet browsing), speed is customizable, hardware accelerated scroll (where available), animation frame support for smoth scrolling and cpu-saving, dragging scroll mode with scrolling momentum (as touch device), tested for all major browsers desktop and mobile versions, support for multi-input devices (MSPointer/Pointer support). Version. simple installation and activation, it works with NO modification of your code. Warning for IE6/7 users (why do you uses yet? Weekly Downloads. Thank you. Compabible with multi-input device (mouse with touch or pen): Window Surface, Chrome Desktop on touch notebook.