使用jquery在滾動上創建元素邊距0

Question

我有一個高度爲170px的導航欄。在這個導航欄下是一個固定的位置邊欄。我想要做的是獲得側邊欄，將開始170px的邊緣有一個0margin用戶滾動170px後;這樣側邊欄看起來像被瀏覽器的頂部所捕獲。與instagrams標題的工作方式類似。我想要的實際上是堆棧溢出的帖子「編輯器」的黃色邊欄是如何工作的。

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