滑動到固定位置標題的內容

Question

我有一個頁面，當您滾動並將div'fixed'右移到頂部時：0它變成position:fixed，以便它下面的內容滾動。

現在，在該標題上有按鈕可以使用滑動效果將您帶到每個div部分。

當位置變得固定時，內容會彈出約100px。

例子：http://www.screenr.com/Rbts

，這裏是真正的例子：http://jsfiddle.net/Kat9s/

我怎樣才能停止？

Answer 1

我添加了一個填充類。當您的固定元素變得固定時，此類將應用於#content。它的邏輯很簡單，它在需要時填充空間。

.filler{margin-bottom:140px} 

$(window).scroll(function(){ 
    if($(window).scrollTop() > stickyHeaderTop) { 
     $('#fixed').addClass("sticky"); 
     $('#first').removeClass("fixed"); 
     $('#content').addClass('filler'); 
    } else { 
     $('#fixed').removeClass("sticky"); 
     $('#content').removeClass('filler'); 
    } 
}); 

http://jsfiddle.net/Kat9s/1/