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

til*_*ers 3 javascript hammer.js

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

til*_*ers 8

这是因为Hammer.js将touch-action-property 设置为pan-y,这对于垂直滚动网站是有意义的,但对于水平网站则不然.

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

var hammertime = new Hammer(element, {
    touchAction: 'pan-x'
});
Run Code Online (Sandbox Code Playgroud)

Hammer.js'维基给我的提示:Hammer.js Github wiki

这里是关于一些信息touch-action:MSDN