可以使用hammer.js泛事件并仍然允许用户滚动?

mik*_*ana 8 javascript touch-event hammer.js

我有一个用户滚动水平滚动区域的UI.

我仍然希望它们能够向左和向右滚动,但我想在同一时间发射Hammer.js pan事件.这是我目前的代码:

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...
  }
});
Run Code Online (Sandbox Code Playgroud)

基本上我认为我正在寻找preventDefault()Hammer似乎默认使用的行为的反面.可以使用hammer.js泛事件并仍然允许用户滚动?

小智 5

应用CSS属性:

#touch-area
{
touch-action: pan-x pan-y !important;
}
Run Code Online (Sandbox Code Playgroud)


Jor*_*rik 0

目前不支持此操作,但您可以尝试使用包含以下内容的嵌套元素来执行此操作style="overflow: auto;"