Hammer.js事件阻止横向网站的滚动

时间:2014-07-21 21:00:23

标签: javascript hammer.js

Hammer.js(v2.0.1)点击事件在水平滚动网站上运行正常,但会阻止内容的正常平移/滚动。

1 个答案:

答案 0 :(得分:7)

这是因为Hammer.js将touch-action - 属性设置为pan-y,这对垂直滚动网站有意义,但不适用于横向网站。

因此,要解决此问题,请将touch-action: 'pan-x'添加到您的选项变量中,如下所示:

var hammertime = new Hammer(element, {
    touchAction: 'pan-x'
});

Hammer.js' wiki向我倾斜:Hammer.js Github wiki

以下是有关touch-actionMSDN

的一些信息