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);
    }
}

固定顶部导航在页面重新加载后消失

1 个答案: