滑动到固定位置标题的内容

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/