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