Javascript jQuery固定位置滚动闪烁修复?

Javascript jQuery固定位置滚动闪烁修复?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,jQuery脚本 $(window).scroll(function() { $('#nav').css('top', $(this).scrollTop() + "px"); }); HTML 关于如何修复IE和Chrome中闪烁的任何线索。。它在FF中看起来不错,甚至没有Safari可供测试。 我正在使用jQuery,所以我不必调整所有的css来做这个调整。有没有人对如何高效、干净地完成这一任务有什么想法?我认为用javascript无法令人满意地完成这一

jQuery脚本

$(window).scroll(function() {
$('#nav').css('top', $(this).scrollTop() + "px");
});
HTML


关于如何修复IE和Chrome中闪烁的任何线索。。它在FF中看起来不错,甚至没有Safari可供测试。


我正在使用jQuery,所以我不必调整所有的css来做这个调整。有没有人对如何高效、干净地完成这一任务有什么想法?

我认为用javascript无法令人满意地完成这一任务。在大多数浏览器中,您总是会看到闪烁。
我上次尝试它时使用的是
position:fixed.

我认为用javascript是无法令人满意的。在大多数浏览器中,您总是会看到闪烁。
上次尝试时,我使用的是
位置:固定。

尝试使用动画。也许这会有帮助

$(window).scroll(function() {
    $('#nav').animate({top: $(this).scrollTop()}, 100);
});

我还没有测试过这个,所以它可能有效,也可能无效。我将持续时间设置为100,但您可能还希望使用持续时间来获得更平滑的效果。

尝试使用动画。也许这会有帮助

$(window).scroll(function() {
    $('#nav').animate({top: $(this).scrollTop()}, 100);
});

我还没有测试过这个,所以它可能有效,也可能无效。我将持续时间设置为100,但您可能也希望使用持续时间来获得更平滑的效果。

这实际上效果更好(在chrome中),但随后在其他浏览器中中断(最初有效)。如果有一种方法可以控制滑块移动的距离,我相信这会奏效。唉,我对jquery非常陌生;甚至这个脚本都是从另一个stackoverflow lol中获取的。感谢您的帮助–这实际上在chrome中运行得更好,但随后在其他浏览器中中断了运行(最初运行)。如果有一种方法可以控制滑块移动的距离,我相信这会奏效。唉,我对jquery非常陌生;甚至这个脚本也来自另一个stackoverflow lol。谢谢你的帮助-