Jquery Sticky nav在本地主机上工作，但在我在线上传时不工作（在webkit浏览器中）

我创建了一个粘性导航，当用户滚动时，它会固定在页面顶部。如果用户向上滚动，它应该返回到正常位置。我在本地主机上可以很好地实现这一点，但是当我在线上传它时，只要你滚动一点页面，粘性导航就会一直跳到顶部，而且它永远不会回到正常位置

有关的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'
        });
    }
});

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

有关的CSS是：

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

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

---

如果您在IE中工作，请尝试将

$（window.scrollTop（）

替换为

document.documentElement.scrollTop

或

window.scroll（0,0）

。也许会有帮助。

我正在解决同样的问题。我发现这表明：

当它在localhost中加载时，它的速度非常快，并且获得了正确的值，但是在服务器上，它在设置元素之前获得了值

---

nav在我的屏幕上工作得很好，MAC FF 11是的，只是webkit浏览器似乎提出了这个问题。在MAC chrome上试过，效果也很好。当我尝试这个时，它根本不工作，还有什么建议吗？非常感谢