Best jQuery Scrollbar Plugins & Tutorials with Demo

Handy-scroll : JavaScript Floating Scrollbar Widget

Handy-scroll : JavaScript Floating Scrollbar Widget

Handy-scroll is a dependency-free module which can be used to solve the problem of scrolling some lengthy containers horizontally when those containers don’t fit into the viewport. The widget is just a scrollbar which is attached at the bottom of the container’s visible area. It doesn’t get out of sight when the page is scrolled, thereby making horizontal scrolling of the container much handier.

jQuery Floating Scrollbar Plugin

jQuery Floating Scrollbar Plugin

A lightweight jQuery plugin providing floating scrollbar functionality.The general purpose of the plugin is to provide some lengthy containers on the page with a separate horizontal scroll bar, which does not vanish from sight when the entire page is scrolled. So, the user will always be able to scroll the container even if its own scroll bar is outside the viewport.

SimpleBar : Custom Scrollbars vanilla Javascript library

SimpleBar : Custom Scrollbars vanilla Javascript library

Simplebar is a custom scrollbars vanilla javascript library with native scroll, done simple, lightweight, easy to use and cross-browser.

DoubleScroll : jQuery plugin to Display Additional Scrollbar

DoubleScroll : jQuery plugin to Display Additional Scrollbar

A jQuery plugin that duplicate the bottom scrollbar of an element to its top.

jQuery Do-Scroll : Scroll-y like Action

jQuery Do-Scroll : Scroll-y like Action

jQuery do-scroll is a plugin to creates an scroll-y like action.

floatingScroll : jQuery floating Scrollbar Plugin

floatingScroll : jQuery floating Scrollbar Plugin

A lightweight jQuery plugin providing floating scrollbar functionality.A jQuery plugin providing any lengthy containers on the page with a separate horizontal scroll bar, which does not get out of sight when the entire page is scrolled.

Optiscroll : Custom scrollbars for modern webapps

Optiscroll : Custom scrollbars for modern webapps

Optiscroll aims to be as light as possible in order to not affect the performace of your webapp. Optiscroll does not replace the scrolling logic with Javascript. It only hides native scrollbars and allows you to style the fake scrollbars as you like. Moreover, Optiscroll adds custom events and methods to extend browser scroll functionalities.

Features:

  • Lightweight and without dependencies
  • Highly optimized
  • Vertical and horizontal scrollbars support
  • Nested scrollbars support
  • Custom events
  • Animated scrollTo and scrollIntoView
  • Auto update on content/scroll area change
  • Integrated page bounce fix for iOS
  • Optional jQuery plugin

Scrollbox : jQuery Custom Scrollbar Plugin

Scrollbox : jQuery Custom Scrollbar Plugin

A lightweight jQuery custom scrollbar plugin, that triggers event when reached the defined point.

Flexible Scrollbar : jQuery Highly Configurable Scrollbars

Flexible Scrollbar : jQuery Highly Configurable Scrollbars

Flexible scrollbar is a jQuery plugin for making highly configurable scrollbars.

Scrollator : jQuery Scroll Bar Plugin

Scrollator : jQuery Scroll Bar Plugin

Scrollator is a jQuery-based replacement for the browsers scroll bar, which doesn’t use any space. Has very good performance.