jquery - 导航栏卡在顶部，边距错误？

Question

当我向下滚动一点后尝试将导航栏固定在顶部时，我遇到了这个问题。我也在用这个 parallax插件(不知道这是否与问题有任何关系)。

我的问题是，当我进入我的网站并向下滚动到我的页脚时。然后我的页脚内的所有内容都被向上推。当我在底部刷新页面时，页脚就可以了(当我上下滚动时也是如此)。

所以问题是当我进入网站时，从顶部开始。

我有两张图片显示了这个问题。

每次我进入页面并向下滚动时，它应该是这样的。此外，这是我向下滚动并在底部刷新(正确)时的样子。

这是我从页面开始向下滚动时的样子。

我发现这与我将导航栏固定在顶部有关。我用 jQuery 做到这一点，只需将类 .fixed 添加到它。.fixed 类如下所示:

.fixed {
width:100%;
top:0;
left:0;
z-index:9999;
}

这就是我在 jQuery 中的做法:

$(window).bind('scroll', function () {
    if ($(window).scrollTop() > 350) {
        $('#navigation').addClass('fixed');
    } else {
        $('#navigation').removeClass('fixed');
    }
});

提前致谢。如果有帮助，我可以提交部分代码。该网站不是在线的，只是本地的。

Answer 1

我发现了问题所在。我将导航栏包裹在另一个包装器中，并在该包装器上设置高度。现在它完美了! :)