Skip to main content

Draggable scrollbars using iScroll with touch support

By Sam Deering

JavaScript

Share:

Free JavaScript Book!

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:

Some more examples:

Tweak the CSS to get a bigger scrollbar.

Before.

Image1

After.

Image2

Done.

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.

New books out now!

Learn valuable skills with a practical introduction to Python programming!


Give yourself more options and write higher quality CSS with CSS Optimization Basics.