Ich mache eine Top-Navigation, die mit einem Übergang von 1s, erscheint wieder nach scroll >= 300
behoben. Meine jQuery sieht wie folgt zusammen:Übergangsgeschwindigkeit ist abhängig von der Bildlaufgeschwindigkeit
$(window).scroll(function() {
var scroll = $(window).scrollTop();
if (scroll >= 100 && scroll < 300) {
$("#navbar").css({ "top": "-50px", "transition": "1s ease-out"});
$("#navbar").removeClass('navbar-static-top');
}
else if (scroll >= 300)
{
$("#navbar").addClass('navbar-fixed-top');
$("#navbar").css({ "top": "0px", "box-shadow": "0 2px 15px 0 rgba(0,0,0,0.4)"});
$("#topsection").css("padding-top", "50px");
}
else if (scroll < 100) {
$("#navbar").css({ "top": "0px", "transition": "0s ease", "box-shadow": "0 0px 0px 0 rgba(0,0,0,0.4)" });
$("#navbar").addClass('navbar-static-top');
$("#navbar").removeClass('navbar-fixed-top');
$("#topsection").css("padding-top", "0px");
}
})
Leider, wenn ich schneller bewegen, wie es scheint, als ob der Übergang bewegt sich schneller, im Gegensatz zu, wenn ich langsam bewegen. Ich möchte wirklich, dass es unabhängig von meiner Scroll-Geschwindigkeit ist. Wie erreiche ich das? und warum verhält es sich überhaupt so?