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

Question

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

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

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

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

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

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

我发现这与我将导航栏固定在顶部有关。我使用 jQuery 执行此操作，只需向其中添加 class .fixed。 .fixed class 看起来像这样：

.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

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

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

Navbar stuck to top, margin error?

css

jquery

fixed

parallax