-1

高さ170pxのナビゲーションバーがあります。このナビゲーション バーの下には固定位置のサイドバーがあります。私がやろうとしているのは、ユーザーが170pxをスクロールした後、170pxのマージンで始まるサイドバーを0マージンにすることです。そうすれば、サイドバーがブラウザの上部に引っかかるように見えます。インスタグラムのタイトルの仕組みに似ています。私が欲しいのは、スタックオーバーフローの投稿「エディター」の黄色いサイドバーが実際にどのように機能するかです。

4

1 に答える 1

0

次のようなことを試すことができます：

$(document).bind('scroll',function(event) {
    var scrollTop = $(window).scrollTop();
    if (scrollTop <= 170) { $('#sidebar').css('top','170px'); }
    else {
        $('#sidebar').css('top',scrollTop+'px');
    }
});

これが動作するjsfiddleです

于 2012-10-19T20:35:46.393 に答える