Hammer.js的垂直滚动问题

时间:2015-02-20 22:48:50

标签: ios scroll safari

我遇到了Hammerjs滑动手势在我的页面上滚动滚动的问题。如果我通过滑动在主容器上启用锤子,则会破坏iOS设备上的滚动。但是,滑动甚至会通过并调用正确的功能。

其他人遇到过这样的问题?他们网站上的提示和技巧部分说是为了避免垂直滑动和平移,但我只是想看看是否有任何变通方法。

1 个答案:

答案 0 :(得分:1)

当我尝试这个时

var myElement = document;

// create a simple instance
// by default, it only adds horizontal recognizers
var mc = new Hammer(myElement);

// let the pan gesture support all directions.
// this will block the vertical scrolling on a touch-device while on the element
mc.get('swipe').set({ direction: Hammer.DIRECTION_ALL });

// listen to events...
mc.on("swipedown swipeleft swipeup swiperight tap press", function(ev) {
    console.log(ev.type +" gesture detected.");
});

即便是评论说,

this will block the vertical scrolling on a touch-device while on the element

基本上,如果您接管垂直滑动的事件,它会消除给定元素的垂直滚动...在我的情况下是“文档”,因此完全禁用滚动... -_-