Mein Code prüft, ob der Bildlauf >=
bis 100
ist. Wenn das stimmt, zeigt es mein sticky nav. Wenn nicht, sollte das sticky nav verstecken. Im Moment funktioniert der wahre Teil. Aber wenn ich das falsche Argument hinzufüge, wenn ich scrolle, verschwindet das gesamte sticky nav im Allgemeinen.Warum funktioniert meine Scroll nicht?
-Code
$(function(){
var hasBeenTrigged = false;
$(window).scroll(function() {
if ($(this).scrollTop() >= 100 && !hasBeenTrigged) { // if scroll is greater/equal then 100 and hasBeenTrigged is set to false.
$("#sticky_nav").show();
hasBeenTrigged = true;
} else {
$("#sticky_nav").hide();
}
});
});
Sie müssen die Implementierung von 'hasBeenTrigged' abschließen. Im Moment wird beim ersten Häkchen das Nav angezeigt, dann schlägt der zweite Tick '! HasBeenTrigged' fehl und bewirkt, dass er verschwindet. –
Wenn Sie 100px nach unten scrollen, wird sticky_nav angezeigt, aber wenn Sie rückwärts und zurück scrollen, wird 'hasBeenTrigged' immer noch auf 'true' gesetzt, so dass es nicht wieder angezeigt wird. Setzen Sie 'hasBeenTrigged' auf "false", wenn Sie es ausblenden. –
Warum verwenden Sie (var hasBeenTrigged) –