Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 如何保持页面上的对象在页面顶部滚动_Jquery_Css - Fatal编程技术网

Jquery 如何保持页面上的对象在页面顶部滚动

Jquery 如何保持页面上的对象在页面顶部滚动,jquery,css,Jquery,Css,我在回答以下问题时遇到困难: 我已将其应用于此 为什么我的对象没有像它应该的那样附加到顶部,然后在页面被卷回顶部时被正确替换 我的jQuery: $(window).scroll(function () { if ($(window).scrollTop() > 200) { $('#contentNavigation').css('top', $(window).scrollTop()); } } ); 编辑:这是一个更好的解决问题的方法,在必要时使用

我在回答以下问题时遇到困难:

我已将其应用于此

为什么我的对象没有像它应该的那样附加到顶部,然后在页面被卷回顶部时被正确替换

我的jQuery:

$(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