可以使用hammer.js pan 事件并且仍然允许用户滚动吗？

Question

我有一个用户正在滚动水平滚动区域的 UI。

我仍然希望他们能够左右滚动，但我想同时触发Hammer.js pan event。这是我目前的代码：

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...
  }
});

基本上，我认为我正在寻找与 Hammer 似乎默认使用的 preventDefault()behaviour 相反的东西。可以使用hammer.js pan 事件并且仍然允许用户滚动吗？

Answer 1

应用 CSS 属性：

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

Answer 2

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