javascript – 如何使用Hammer.js在iOS中禁用垂直滚动？

我试图在iOS中使用Hammer.js(jQuery版本)在水平滚动列表中禁用垂直滚动.我试过这个：

$(document).hammer().on('swipe,drag','body',function(event)
    {
        if (event.direction == Hammer.DIRECTION_UP || event.direction == Hammer.DIRECTION_DOWN) 
        {
            event.preventDefault();
        }
    }
);

但它不起作用.那么,如何在能够水平滚动的同时垂直禁用滚动？

解决方法

我使用event.gesture.preventDefault做到了：

$('#horizontalCarousel').hammer({ drag_lock_to_axis: true }).on("swipe drag",function(event) {
        event.gesture.preventDefault();
        if(event.type == "swipe"){
            swipeAction(event);
        } else {
            dragAction(event);
        }
 });

这是给定的documentation

[编辑]

我的回答只是让你知道你使用了错误的event.preventDefault().实际上,您还使用了错误的语法来检查事件方向.你应该能够以这种方式管理它,虽然我还没有测试过：

$(document).hammer({ drag_lock_to_axis: true }).on("swipe drag",function(event) {
            if (event.gesture.direction == Hammer.DIRECTION_UP || event.gesture.direction == Hammer.DIRECTION_DOWN){
                 event.gesture.preventDefault();
            }
     });

改变了两件事：event.gesture.direction和event.gesture.preventDefault(); event.direction是在旧版本的锤子js上执行它的方法.

注意：如果您想对滑动事件执行某些操作,例如：在滑动时水平跳跃更大的数量,您可以合并我的答案.