【问题标题】:Navbar stuck to top, margin error?导航栏卡在顶部,边距错误?
【发布时间】:2015-06-22 16:50:45
【问题描述】:

当我向下滚动一点后尝试将导航栏固定到顶部时,我遇到了这个问题。 我也在使用这个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');
    }
});

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

【问题讨论】:

  • 我们需要足够的代码来复制问题或问题的在线简约工作版本。不幸的是,您提供给我们的信息并不充分。如果您可以将您的网站放到网上,我们或许可以提供帮助。试试 jsFiddle。

标签: jquery css fixed parallax


【解决方案1】:

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2020-09-09
    • 2012-08-08
    • 1970-01-01
    • 2018-09-10
    • 1970-01-01
    • 2014-11-18
    • 1970-01-01
    相关资源
    最近更新 更多