Hammer 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 为您提供向上/向下/向右/向左滑动之间的清晰分离。如果您想在垂直滚动时避免向右滑动事件，可以设置更高的阈值。