2013-04-13 15 views
17

Sto provando a creare un nuovo sito Web di una sola pagina alla moda in cui si passa a una sezione della pagina. Voglio portare l'intestazione "fissa" esattamente dove si trova il contenuto. Sto usando la Zurb Foundation. Questo è ciò che ho finora (parte del codice trovato qui):jQuery Scorrere fino alla sezione della pagina

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

problema che ho è detto sopra. Voglio portare la mia intestazione fissa esattamente dove questo div è posizionato sulla pagina. Si prega di avvisare.

risposta

26

There's a plugin for that.

Or just roll your own.

Se è necessario per compensare il "roll your own" soluzione quindi provare il seguente:

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

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

sì, "roll your own" sembra essere il codice che ho Trovato prima; tuttavia, questo sembra non essere corretto correttamente – Brian

+0

Vedere la mia risposta modificata per un offset. – cereallarceny

+0

non sembra ancora riportare l'intestazione fissa in basso dove voglio. – Brian

Problemi correlati