Can use hammer.js pan events and still allow users to scroll?

Question

I have a UI where users are scrolling a horizontally scrolling area. I still want them to be able to scroll left and right, but I'd like to fire an Hammer.js pan event at the same time. Here's my code at present: ``` var worksHammertime = new Hammer(scrollingArea); worksHammertime.on('pan', function(ev) { if ( ev.direction === 2 ) { log('left', ev) Do things... } else { log('right', ev) Do things... } }); ``` Essentially I think I'm looking for the opposite of the `preventDefault()`behaviour that Hammer seems to use by default. Can use hammer.js pan events and still allow users to scroll?

Accepted Answer

Apply a CSS property:

```
#touch-area
{
touch-action: pan-x pan-y !important;
}
```

Can use hammer.js pan events and still allow users to scroll?

Solution

Problem