If your using iScroll (great plugin btw) for implementing scrollbars which touch support, just like the iDevices. It currently (iScroll4) doesn’t support draggable scrollbars. This is usually a must for most sites as users viewing on browers will try to drag the scrollbar… normal┬ábehavior of a window scrollbar.

Fortunately, this dude called Zoran has forked and coded the draggable scrollbars for iScroll. Good work son.

Include the plugin:
https://github.com/ZoranJambor/iscroll/blob/master/src/iscroll.js

Some more examples:
https://github.com/ZoranJambor/iscroll/tree/master/examples

Tweak the CSS to get a bigger scrollbar.

Before.

Image1

After.

Image2

Done.
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.

No Reader comments

Learn Coding Online
Learn Web Development

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