Draggable scrollbars using iScroll with touch support
By Sam DeeringIf 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.
After.
Done.
Meet the author
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.
SitePoint WordPress Restaurant Theme
Pull in the crowds to your eatery, cafe, restaurant or bar with this flexible, modular WordPress theme.
SitePoint WordPress Ecommerce Theme
Sell your wares with this delightfully elegant WooCommerce-powered WordPress theme.
SitePoint WordPress Portfolio Theme
A beautiful, responsive, portfolio theme for creatives - photographers, designers, writers, developers - that shows off your skills and work to potential clients.
Recommended
Sponsors
JavaScript
How to Make a Simple JavaScript Quiz
Yaphi Berhanu walks you through making your own simple JavaScript quiz. This is a fun exercise and a great way to learn a variety of...
1 Comment
JavaScript
A Guide to Testing and Debugging Node Applications
Mike Cantelon demonstrates various strategies for testing Node applications and offers some handy tips and tricks for debugging failing...