Çekiç js - kapatmak menüsü hızlıca kaydırın - dikey kaydırmaya müdahale

Question

Menüm kapatmak için sağa kaydırmak istiyorum. Menünün mobilde uzun olabileceğini göz önünde bulundurarak, kullanıcıların menümüm boyunca aşağı ve yukarı kaydırma yapabilmelerini istiyorum.

Ancak yukarı veya aşağı doğru kaydırırsanız ve sağa doğru hızlıca kaydırırsanız, menüyü kapatır.

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'); 
}); 

Bu turda basit bir yolu var mı? Neredeyse bunu yapmak için bir eşik istiyorum.

Basit bir hesaplama gibi - Sağa doğru kat edilen mesafe dikey olarak kat edilen mesafeden daha büyükse = sağa kaydırın. Umarım yardımcı olabilirsiniz!

Answer 1

Kaydırma olaylarını kullanabilirsiniz. Çekiç JS, yukarı/aşağı/sağa/sola kaydırmanın arasında net bir ayrım sağlar. Dikey kaydırmada önlemek istiyorsanız doğru hızlı kaydırma için daha yüksek bir eşik koyabilirsiniz.