Hammer js - Chiudi menu scorri verso destra - scorrimento verticale interferente

Question

Voglio scorrere verso destra per chiudere il menu. Voglio che gli utenti siano in grado di scorrere su e giù attraverso il mio menu dato che il menu potrebbe essere lungo sul cellulare.

Tuttavia se si fa scorrere verso l'alto o verso il basso e si scorre leggermente verso destra, viene chiuso il menu.

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

C'è un modo semplice intorno a questo? Voglio quasi una soglia per renderlo evidente.

Come un semplice calcolo: SE la distanza percorsa a destra è maggiore della distanza percorsa verticalmente = scorri verso destra. Spero che tu possa aiutare!

Answer 1

È possibile utilizzare gli eventi di scorrimento. Hammer JS ti offre una chiara separazione tra scorrimento su/giù/destra/sinistra. Puoi mettere una soglia più alta per lo swipe right event se vuoi evitarlo con scroll verticale.