Add Klasse nach dem Scrollen muss auch an der Aktualisierung arbeiten

Question

Ich habe ein funktionierendes Skript, das eine Klasse zum Körper nach dem Bildlauf 80px fügt. Dies funktioniert, aber ich brauche es auch zu arbeiten, nachdem Sie bereits gescrollt und dann die Seite aktualisiert haben.

Also vielleicht den Scroll-Teil durch Position ersetzen?

// fixed header 
$(function() { 
    $(window).scroll(function() { 
     var scroll = $(window).scrollTop(); 
     if (scroll >= 80) { 
      $("body").addClass('fixed'); 
     } else { 
      $("body").removeClass("fixed"); 
     } 
    }); 
}); 

Answer 1

Sie haben Recht. Sie müssen das Ereignis und der Anfangswert überprüfen:

window.addEventListener('load', function() { 
    var scroll = $(window).scrollTop(); 
    if (scroll >= 80) { 
     $("body").addClass('fixed'); 
    } 
    //no removing needed cause refresh did it 
}); 

Answer 2

$(window).scroll wird nur Feuer, sobald ein Scroll-Ereignis eintritt. Wenn Sie die Bildlaufposition überprüfen möchten, wenn die Seite geladen wird, sollten Sie diese außerhalb des $(window).scroll Rückruf tun, wie folgt aus:

function updateScroll() { 
    if ($(window).scrollTop() >= 80) { 
     $("body").addClass('fixed'); 
    } else { 
     $("body").removeClass("fixed"); 
    } 
} 

$(function() { 
    $(window).scroll(updateScroll); 
    updateScroll(); 
});