CODEWITHSUNDEEP
javascripthammer.jstouch-event
mikemaccana
mikemaccana

Reputation: 123188

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

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?

Upvotes: 9

Views: 4873

Answers (2)

Ashish Maradiya
Ashish Maradiya

Reputation: 113

Apply a CSS property:

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

Upvotes: 5

Jorik
Jorik

Reputation: 631

This currently isn't supported, but you could try to do this with a nested element containing style="overflow: auto;"

Upvotes: 0

Related Questions