Ich arbeite auf einer Website, um mehr über Javascript zu lernen, aber ich weiß nicht, wie das zu beheben. Wenn du dir die Fiddlle anschaust und das Navigationsgerät ausprobierst, weißt du, worüber ich rede (wenn nicht, versuche, den Multiplikator zu bewegen und zu versuchen, Quadrupel zu klicken). Auch die .slideUp() scheint Glitch und ich weiß nicht warum. Ich möchte, dass es so aussieht, als ob es vom Nav herunter gleitet und in das Nav zurückrutscht.Nav mit Dropdown-Menü ist sehr glitchy
Also, wie würdest du diese 2 Probleme beheben? https://jsfiddle.net/26L2h6zg/
// Drop down menu
$(".shopDrop").hide();
$(".shop ul li").hover(function(){
$(this).find(".shopDrop").slideDown();
}, function(){
$(this).find(".shopDrop").slideUp();
});
// Drop down menu info
$(".shopDrop a").hover(function(){
$(this).next(".shopHoverInfo").fadeIn("slow");
}, function(){
$(this).next(".shopHoverInfo").fadeOut("slow");
});
Das Problem ist, dass wenn die 'fadeOut()' beendet ist, die Elemente auf der Seite nach oben bewegen. Das Entfernen von 'fadeOut()' behebt das Problem, lässt aber die Elemente offen. Wie wäre es, die Elemente beim Klick einfach zu erweitern und zu schließen, anstatt einen verblassten Hover zu verwenden? –
Ich stimme mit @ObsidianAge überein die meisten modernen Layouts empfehlen nicht im Hover Nav Menü, da diese Art von Menü nicht gut mit mobilen/Tablet Geräten funktioniert. –