Jquery 如何保持页面上的对象在页面顶部滚动
我在回答以下问题时遇到困难: 我已将其应用于此 为什么我的对象没有像它应该的那样附加到顶部,然后在页面被卷回顶部时被正确替换 我的jQuery:Jquery 如何保持页面上的对象在页面顶部滚动,jquery,css,Jquery,Css,我在回答以下问题时遇到困难: 我已将其应用于此 为什么我的对象没有像它应该的那样附加到顶部,然后在页面被卷回顶部时被正确替换 我的jQuery: $(window).scroll(function () { if ($(window).scrollTop() > 200) { $('#contentNavigation').css('top', $(window).scrollTop()); } } ); 编辑:这是一个更好的解决问题的方法,在必要时使用
$(window).scroll(function () {
if ($(window).scrollTop() > 200) {
$('#contentNavigation').css('top', $(window).scrollTop());
}
}
);
编辑:这是一个更好的解决问题的方法,在必要时使用“位置固定”,而不使用css 将javascript替换为以下内容:
$(window).scroll(function () {
if ($(window).scrollTop() > 200) {
$('#contentNavigation').css('position', 'fixed').css('top','0px'); }
else {
$('#contentNavigation').css('position', 'relative').css('top','0px');
}});
请重新检查这个。这是您想要的。作为旁注-javascript文件出现404错误;“加载资源失败:服务器响应状态为404(未找到)”。谢谢。这个页面不会被使用,只会使用内部的HTML。现在它只会停下来。我想呆在它所在的位置,然后在到达对象时滚动。有趣的是,在哪个浏览器中?|编辑-哦。移除
顶部:0px代码>来自样式。在通过滚动进行设置之前,不要设置顶部,或者将其默认为top:300px
或附近的某个位置。好的,现在它像磁铁一样粘在第一个滚动上,而不是在我到达对象时。嘿,在我编辑它之后。试着看看被替换的代码,因为它的“口吃”效果比不断调整“顶部”css的效果要少。无论如何,祝你好运,请重新回顾一下,这是你想要的,而且它更干净(滚动时没有起伏的跳跃)@MikeLegacy这是有效的。Chris的例子在Chrome中不起作用。我看到了小故障+米基诺问题1号,长官!我一定喜欢jQuery。我现在几乎从来没有写过纯Javascript!哈哈。此外,如果您在固定元素上方滚动内容时遇到任何问题,只需在固定元素上设置一个高z索引(如9999或其他),以确保安全。这应该可以解决问题。我使用了这个逻辑,问题是当我继续向下点击时,滚动值突然下降!!我在console.log中打印了值。。。。。类已删除固定滚动顶部\u val=92类已应用固定滚动顶部\u val=16类已删除固定滚动顶部\u val=16