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

有一个插件.

或者只是滚动你自己.

如果您需要抵消"自己动手"解决方案,请尝试以下方法:

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

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