导航栏位于顶部，边距错误？

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

我发现了什么问题。 我将导航栏包装在另一个包装器中，并在该包装器上设置一个高度。 现在它完美无缺！ ：）