Draggable scrollbars using iScroll with touch support

Sam Deering
Tweet

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.

Get your free chapter of Level Up Your Web Apps with Go

Get a free chapter of Level Up Your Web Apps with Go, plus updates and exclusive offers from SitePoint.

No Reader comments