修復了頁面重新加載后頂部導航消失的問題

Question

我使用的是Chrome，當我重新加載頁面時，它使我回到了重新加載頁面之前的位置。 因此，當我已經滾動了一半頁面並重新加載頁面時，chrome使我回到了以前滾動到的位置。

我在頁面上有一個固定的導航欄：

$(document).ready(function() {  
var  mn = $(".top-menu");
mns = "main-nav-scrolled";
hdr = $('header').height();

$(window).scroll(function() {
if( $(this).scrollTop() > hdr) {
mn.addClass(mns);
} else {
mn.removeClass(mns);
}
});
});

導航有效，但是當我重新加載頁面時，它消失了，直到我再次開始滾動。 有人知道如何解決此問題嗎？

Answer 1

試試這樣的事情：

$(document).ready(function() {  
    $(window).scroll(sticky_nav());
    sticky_nav(); // Force the first call on refresh 
});

function sticky_nav() {
    var  mn = $(".top-menu");
    mns = "main-nav-scrolled";
    hdr = $('header').height();

    if( $(this).scrollTop() > hdr) {
        mn.addClass(mns);
        } else {
        mn.removeClass(mns);
    }
}