Best jQuery Scrollbar Plugins & Tutorials with Demo

ScrollMenu : New Interface to Replace Your Old Scrollbar

ScrollMenu : New Interface to Replace Your Old Scrollbar

ScrollMenu is a new interface to replace your old boring scrollbar. It gives a user sense of where they are in a page and how long is that section. With a high customizibility of this jQuery plugin you can have a unique user experience.

asScrollable : jQuery Scrollable element Block

asScrollable : jQuery Scrollable element Block

A jquery plugin that make a block element scrollable.

FTScroller : JavaScript Touch or Scrollwheel Scrolling

FTScroller : JavaScript Touch or Scrollwheel Scrolling

FTScroller is a cross-browser Javascript/CSS library to allow touch, mouse or scrollwheel scrolling within specified elements, with pagination, snapping and bouncing support.

fakeScroll : jQuery lightweight & robust Scrollbar Plugin

fakeScroll : jQuery lightweight & robust Scrollbar Plugin

Uber lightweight & robust scrollbar replacement jQuery plugin. The internet deserves a performant custom scrollbar script that is flexible, easy to use and only weights 4k.

Scrollable : jQuery Customisable Scrollbars Plugin

Scrollable : jQuery Customisable Scrollbars Plugin

jQuery Scrollable is a plugin which allows your users to replace default scrollbars with a customisable one. The visual result is like Apple iPad and iPhone scrollbars.

  • Fully customisable with CSS
  • Support X and Y
  • Auto hide the scrollbars when the mouse is not over the content to scroll
  • Auto resize scrollbars on content change
  • Do not affect the original design layout
  • Nested scrollbars support

jQuery Trackpad Scroll Emulator Plugin

jQuery Trackpad Scroll Emulator Plugin

A jQuery plugin that emulates OS X Lion trackpad-style scrollbars in any browser or platform. Based on the scrollbars in the Rdio app.

This plugin emulates Lion’s UI pattern by replacing the browser’s default scrollbars with a custom CSS-styled scrollbar that is only revealed when the user hovers over a scrollable element.

Swiper Scrollbar : jQuery Scrollbar Plugin

Swiper Scrollbar : jQuery Scrollbar Plugin

Scrollbar plugin for Swiper.Scrollbar is the ultra small (about 1Kb minified and gzipped) and free JavaScript plugin for iDangero.us Swiper 1.7+ that adds fully customizable scrollbars to your Swiper slider (or app).

enscroll : jQuery plugin for custom Scrollbars

enscroll : jQuery plugin for custom Scrollbars

Enscroll is a jQuery plugin that gives you the power to replace those scrollbars rendered by the web browser with ones that you design. Either replace the scrollbars with your own image or use custom CSS to style them anyway you desire.

Scrolltab : jQuery plugin to add Position Relative Tabs

Scrolltab : jQuery plugin to add Position Relative Tabs

Scrolltab is a jQuery plugin that adds tabs visually associated to their position relative to the scroll bar.

This enables a developer to attach floating tabs to the scrollbar of the brwoser that will scroll the user to the position indicated by the tab. This tab is expandable with content within.

jQuery Scroll Sections Plugin

jQuery Scroll Sections Plugin

A plugin that allows you to define (full page) sections and scroll between them with mousewheel, keyboard, scrollbar and/or touch moves.