Hammer js - Menü schließen swipe right - vertikale Wischen stören

Question

Ich möchte nach rechts wischen, um mein Menü zu schließen. Ich möchte, dass Benutzer in der Lage sind, in meinem Menü nach oben und unten zu scrollen, da das Menü auf dem Mobilgerät möglicherweise lang ist.

Wenn Sie jedoch nach oben oder unten wischen und etwas nach rechts wischen, wird das Menü geschlossen.

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

Gibt es eine einfache Art und Weise runden das? Ich möchte fast eine Schwelle, um es offensichtlich zu machen.

Wie eine einfache Berechnung - WENN die nach rechts zurückgelegte Entfernung größer ist als die vertikal zurückgelegte Strecke = nach rechts streichen. Hoffe du kannst helfen!

Answer 1

Sie können Swipe-Ereignisse verwenden. Hammer JS bietet Ihnen eine klare Trennung zwischen Streichen hoch/runter/rechts/links. Sie können einen höheren Schwellenwert für das Ereignis Swipe Right festlegen, wenn Sie es beim vertikalen Scrollen vermeiden möchten.