Versuchen, beim Hinzufügen und Entfernen von Klassen einen gleitenden Übergangseffekt hinzuzufügen. Versucht zu diesem klebrigen Navi js unten:

lastScroll = 0;
$(window).on('scroll',function() {    
    var scroll = $(window).scrollTop();
    if(scroll === 0){
        $(".nav").removeClass("darkHeader");
    } else if(lastScroll - scroll > 0) {
        $(".nav").addClass("darkHeader");
    } else {
        $(".nav").removeClass("darkHeader");
    }
    lastScroll = scroll;
});

Mein Versuch:

lastScroll = 0;
$(window).on('scroll',function() {    
    var scroll = $(window).scrollTop();
    if(scroll === 0){
        $(".nav").removeClass("darkHeader", 1000, "easeInOutQuad");
    } else if(lastScroll - scroll > 0) {
        $(".nav").addClass("darkHeader", 1000, "easeInOutQuad");
    } else {
        $(".nav").removeClass("darkHeader", 1000, "easeInOutQuad");
    }
    lastScroll = scroll;
});

Ich versuche dies durch Hinzufügen von1000, "easeInOutQuad", versuche dies mit jquery @ zu tohne CSS3 (kein CSS bitte).
ProblemGeig >>

Ich versuche, Dia-Effekt wie @ zu implementierDie >>