【发布时间】: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。