Google chrome Chrome的粘性菜单问题

我使用以下Java将菜单粘贴到页面顶部：

jQuery("document").ready(function($){
    var nav = $('.nav-container');
    $(window).scroll(function () {
        if ($(this).scrollTop() > 205) {
            nav.css({
                position: 'fixed',
                top: 0,
                margin: '0px',
                left: nav.offset().left,
                width: nav.width()
            });
        } else {
            nav.css({
                position: 'static',
                margin: '115px 0 0 0'
            });
        }
    });
});

---

Java的功能在除Chrome之外的所有浏览器中都能完美运行。在Chrome中，当你向下滚动和向上滚动时，它会创建一个“幽灵”菜单。您可以在这里看到：。您可以在此处查看站点live:。我已经在三台不同的机器上复制了这个问题，但它似乎只适用于Chrome。非常感谢您的帮助。

很抱歉回答我自己的问题。Chrome的问题在于硬编码屏幕上的像素。转到动态Div测试，它可以正常工作。这是我的更新代码

    <script>
  jQuery("document").ready(function($){
    var nav = $('.nav-container'),
        navOff  = nav.offset();
    $(window).scroll(function () {
        if ($(this).scrollTop() > navOff.top) {
            nav.css({
                position: 'fixed',
                top: 0,
                margin: '0px',
                left: nav.offset().left,
                width: nav.width()
            });
        } else {
            nav.css({
                position: 'static',
                margin: '115px 0 0 0'
            });
        }
    });
});
</script>

jQuery（“文档”）.ready（函数（$）{
var nav=$（'.nav container'），
navOff=导航偏移（）；
$（窗口）。滚动（函数（）{
if（$（this.scrollTop（）>navOff.top）{
导航.css({
位置：'固定'，
排名：0，
边距：“0px”，
左：导航偏移（）.左，
宽度：导航宽度（）
});
}否则{
导航.css({
位置：'静态'，
边距：“115px 0”
});
}
});
});

这是chrome的问题，我以前见过。我不确定你是否能对此做些什么，但这肯定不是你的错。是的，我认为这是chrome的一个问题，但是，我看到了其他方法可以做到这一点。我似乎无法让他们为我工作。据我所知，问题在于它测试滚动位置的方式。在其他情况下，它使用var的顶部Y和屏幕位置。我就是不能让这些都起作用。。。