javascript - 可以使用 hammer.js 平移事件并仍然允许用户滚动吗?

标签 javascript hammer.js touch-event

我有一个 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() 行为相反的方法。可以使用 hammer.js 平移事件并仍然允许用户滚动吗?

最佳答案

应用 CSS 属性:

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

关于javascript - 可以使用 hammer.js 平移事件并仍然允许用户滚动吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24789328/

相关文章:

javascript - 为什么这些 .then() 会乱序发生?

javascript - Antisamy 或 Content Security Policy 或两者都用于防止 XSS 攻击

javascript - webpack-dev-server 未重新编译(JS 文件和 SCSS 文件)

javascript - 使用 jQuery 插件触摸事件不触发 AJAX -- Hammer.js

javascript - hammer.js 中的垂直滑动

javascript - 平滑缩放移动 div 元素

android - onTouch, onLongClick 在 Android 中一起使用

android - 检测 AppWidget 上的 OnTouch。如果可能的话?

android - 如何处理属于 Horizo​​ntalScrollView 的 RelativeLayout 上的 onClick

javascript - 使用nodejs运行服务器时"Cannot GET/null"