Draggable scrollbars using iScroll with touch support

November 3, 2013

Write powerful, clean and maintainable JavaScript.

~~RRP $11.95~~

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.

After.

Done.

Sam Deering

Sam Deering has 15+ years of programming and website development experience. He was a website consultant at Console, ABC News, Flight Centre, Sapient Nitro, and the QLD Government and runs a tech blog with over 1 million views per month. Currently, Sam is the Founder of Crypto News, Australia.