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