DailyJS

Hammer.js: touch-action fix

Alex R. Young

Subscribe

@dailyjs

Facebook

Google+

mobile touch

Hammer.js: touch-action fix

Posted by Alex R. Young on .
Featured

mobile touch

Hammer.js: touch-action fix

Posted by Alex R. Young on .

Hammer.js has been updated, and the authors have written a notice about the scrolling behaviour in Chrome 35 and IE10. The touch-action CSS property controls how regions are scrolled with touch events -- think panning and zooming.

In older versions of Hammer, this property was set to none, so it blocked scrolling. You can change the default behaviour using the behavior.touchAction property:

<script src="hammer.js"></script>  
<script>  
// enable only vertical scrolling on browsers that support touch-action
// for 1.0.x this is at the stop_default_behavior object
Hammer.defaults.behavior.touchAction = 'pan-y';

// ...your hammer code...etc...
var mc = new Hammer(document.body);  
</script>  

Realising that this would confuse people, the Hammer authors have written How to fix Chrome 35 and IE10 scrolling, so you can update your Hammer-based sites to work correctly in newer browsers.