如何使页面顶部的对象保持滚动状态

Question

我无法关注此stackOverflow Q＆amp; A：

Fix object to top of browser window when scrolling

我已将其应用于此this page

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

我的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');
}});