jQueryページのセクションへスクロール

Question

私はページ上のセクションにスクロールする新しいトレンディーな1ページのWebサイトを構築しようとしています。私は内容がどこにあるのか正確に "固定"ヘッダーを持っていきたいです。私はZurb Foundationを使用しています。私が持っている

<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); 
});