jQuery滾動到頁面的一部分

Question

我試圖構建一個新的時髦的單頁網站，我滾動到頁面上的一個部分。我想將「固定」標題確切地放在內容的位置。我正在使用Zurb基金會。這是我到目前爲止（這裏找到的一些代碼）：

<li><%= link_to "Recent Work", "#", "data-scroll" => "recent" %></li> 

    $(document).ready(function() { 
$("a[data-scroll]").click(function() { 
    var id = $(this).data("scroll") 
    $('html,body').animate({ 
      scrollTop: $("#"+id).offset().top}, 
     'slow'); 
}); 
}); 

    <div id="recent">some content</div> 

問題我已經在上面陳述了。我想把我的固定頭部正確地放在這個div放在頁面上的位置。請指教。

Answer 1

There's a plugin for that.

Or just roll your own.

如果需要，以抵消「滾你自己」的解決方案，然後嘗試以下操作：

$("#button").click(function() { 
    var offset = 20; //Offset of 20px 

    $('html, body').animate({ 
     scrollTop: $("#elementtoScrollToID").offset().top + offset 
    }, 2000); 
});