JavaScript
Article

5 jQuery Scrollbar for Mobile Devices

By Sam Deering

Custom Scrollbar has been popular and because of that we are providing you a list of stylish, flexible and easy to use scrollbar in jQuery which work consistently across all modern browsers and mobile devices. Have fun!

Related Posts:

1. DZS Scroller – jQuery Scrollbar done right

DZS Scroller jQuery is the ultimate scrollbar for your site which you can customize very easily via CSS if the 3 skins included are not enough. Works on iPhone/iPad.
DZS Scroller
SourceDemo

2. Nicescroll

A jQuery (since 1.5) plugin, for nice scrollbars with a very similar iOS/mobile style.
It supports DIVs, IFrames and document page (body) scrollbars.
Nicescroll
SourceDemo

3. Tiny Scrollbar

Is designed to be a dynamic lightweight utility that gives web designers a powerful way of enhancing a websites user interface. iPhone, iPad, Android support!
Tiny Scrollbar
Source + Demo

4. iScroll 4

A complete rewrite of the original iScroll code. The script development began because mobile webkit (on iPhone, iPad, Android) does not provide a native way to scroll content inside a fixed width/height element.
iScroll 4
SourceDemo

5. jScrollPane

Since normal scrollbar implemented for browser does not work in iPad, we can implement it using JScrollPane which is a jQuery plugin.
jScrollPane
SourceDemo

Sam Deering
Meet the author
Sam Deering is a Front-end Web Developer who specialises in JavaScript & jQuery. Sam is driven and passionate about sharing his knowledge to educate others.

Recommended

Learn Coding Online
Learn Web Development

Start learning web development and design for free with SitePoint Premium!

Get the lastest in JavaScript, once a week, for free.