锤子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为您提供向上/向下/向右/向左滑动之间的明确分离。如果要在垂直滚动时避免使用滑动右侧事件，则可以设置更高的阈值。