jQuery Przewiń do sekcji strony

Question

Próbuję utworzyć nową, modną stronę z jedną stroną, na której przewijam sekcję na stronie. Chcę umieścić "poprawiony" nagłówek dokładnie tam, gdzie jest zawartość. Używam Fundacji Zurb. To, co mam tak daleko (niektóre kodu znaleźć tutaj):

<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> 

Problem mam wskazano powyżej. Chcę przynieść mój ustalony nagłówek dokładnie tam, gdzie ten div jest umieszczony na stronie. Proszę doradź.

Answer 1

There's a plugin for that.

Or just roll your own.

Jeśli trzeba offset "roll własne" rozwiązanie następnie spróbuj wykonać następujące czynności:

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

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