锤子js -关闭菜单向右滑动-垂直滑动干扰

Question

我想要向右滑动关闭我的菜单。我希望用户能够上下滚动我的菜单，因为菜单在移动设备上可能很长。

然而，如果你向上或向下滑动，然后稍微向右滑动，它就会关闭菜单。

http://codepen.io/ashconnolly/pen/gpBLPp/

$('.menu_toggle').click(function (event) {
    $('.menu').toggleClass('active');
});

new Hammer(document.getElementById('menu')).on("panright", function(ev) {
    $('.menu').removeClass('active');
});

有什么简单的方法可以解决这个问题吗？我几乎想要一个门槛来让它变得明显。

就像一个简单的计算-如果向右移动的距离大于垂直移动的距离=向右滑动。希望你能帮上忙！

Answer 1

您可以使用卷帘事件。Hammer JS为您提供清晰的向上/向下/向右/向左滑动分隔。如果你想在垂直滚动中避免右击事件，你可以设置一个更高的阈值。