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

时间:2014-07-16 19:43:43

标签: 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泛事件并仍允许用户滚动吗?

2 个答案:

答案 0 :(得分:5)

应用CSS属性:

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

答案 1 :(得分:0)

目前不支持此功能,但您可以尝试使用包含style="overflow: auto;"

的嵌套元素执行此操作