jquery - 如何保持页面上的对象随页面顶部滚动

Question

我在关注这个 stackOverflow Q&A 时遇到了问题：

滚动时将对象固定到浏览器窗口的顶部

我已将其应用于此页面

为什么我的对象没有像应有的那样附加到顶部，然后在页面滚动回顶部时被正确替换？

我的 jQuery：

$(window).scroll(function () {
    if ($(window).scrollTop() > 200) {
        $('#contentNavigation').css('top', $(window).scrollTop());
    }
}
);

Answer 1

http://jsfiddle.net/mikelegacy/tXBHT/

请重新审查这一点。这就是你想要的。

Answer 2

编辑：这是解决问题的更好方法，必要时使用固定位置，不要管你的 CSS。

用这个替换你的javascript：

$(window).scroll(function () {    
if ($(window).scrollTop() > 200) {
    $('#contentNavigation').css('position', 'fixed').css('top','0px');    }
else { 
    $('#contentNavigation').css('position', 'relative').css('top','0px');
}});