jquery - 粘性导航在本地主机上工作，但当我在线上传时(在 webkit 浏览器中)则不行

Question

我创建了一个粘性导航，当用户滚动时它会固定在页面顶部。如果用户向上滚动，它应该返回到正常位置。我在我的本地主机上完美地工作了，但是当我在线上传它时，只要您滚动页面的一小部分，粘性导航就会直接跳到顶部，并且它永远不会返回到正常位置。

涉及的 jQuery 是:

var yOffset = $("#local-nav-wrapper").offset().top;
$(window).scroll(function() {
    if ($(window).scrollTop() > yOffset) {
        $("#local-nav-wrapper").css({
            'top': 0,
            'bottom': 'auto',
            'position': 'fixed'
        });
    } else {
        $("#local-nav-wrapper").css({
            'top': 'auto',
            'bottom': 0,
            'position': 'absolute'
        });
    }
});

涉及的 CSS 是:

#local-nav-wrapper {
    position: absolute;
    bottom: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.8);
    padding: 10px 0;
    z-index: 6000;
}

Answer 1

如果您在 IE 中工作，请尝试将 $(window).scrollTop() 替换为 document.documentElement.scrollTop 或 window.scroll(0,0 )。也许有帮助。