Draggable scrollbars using iScroll with touch support

By Sam Deering

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.

Recommended

10 Languages That Compile to JavaScript

Thanks to transpilers, front-end applications are no longer limited to JavaScript. James Kolce looks at 10 different languages that...

James Kolce, 6 hours ago

JavaScript

Your Site without JavaScript

Calibre is a fully-automated tool suite for auditing & improving performance. Here's how to use it to detect the impact of running...

Ben Schwarz, 5 days ago

JavaScript

10 Languages That Compile to JavaScript

Thanks to transpilers, front-end applications are no longer limited to JavaScript. James Kolce looks at 10 different languages that compile to JavaScript.

JavaScript

Your Site without JavaScript

Calibre is a fully-automated tool suite for auditing & improving performance. Here's how to use it to detect the impact of running JavaScript on your site.

Meet the author

Sam Deering

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.