我正在使用Hammer.js来寻找水平平移手势,我设计了一个简单的功能,当向左或向右平移时单击按钮。它工作正常,除了垂直滚动在触摸设备上不做任何事情,或者它真的非常奇怪。Hammer.js打破垂直滚动当水平平移
这里的功能:
var panelSliderPan = function() {
// Pan options
myOptions = {
// possible option
};
var myElement = document.querySelector('.scroll__inner'),
mc = new Hammer.Manager(myElement);
mc.add(new Hammer.Pan(myOptions));
// Pan control
var panIt = function(e) {
// I'm checking the direction here, my common sense says it shouldn't
// affect the vertical gestures, but it blocks them somehow
// 2 means it's left pan
if (e.direction === 2) {
$('.controls__btn--next').click();
// 4 == right
} else if (e.direction === 4) {
$('.controls__btn--prev').click();
}
};
// Call it
mc.on("panstart", function(e) {
panIt(e);
});
};
我试图在水平方向增加了识别器,但它并没有真正的帮助(不知道如果我做到了,即使右):
mc = new Hammer.Manager(myElement, {
recognizers: [
[Hammer.Pan,{ direction: Hammer.DIRECTION_HORIZONTAL }],
]
});
谢谢!
请提供一个工作的jsfiddle所以我们可以帮助你。 – 2014-11-10 09:53:38