jquery - jqueryを使用して、スクロール時に要素のマージンを0にします

Question

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

Answer 1

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

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

これが動作するjsfiddleです