Navigazione appiccicosa con scorrimento fluido sta saltando

Question

Sto avendo tutti i tipi di problemi con un nav stick e scorrimento uniforme. Non so abbastanza di jQuery per risolvere i problemi. Sto utilizzando uno snippet scorrevole a scorrimento da Chris Coyer: http://css-tricks.com/snippets/jquery/smooth-scrolling/. La mia pagina è qui: http://clients.ekcetera.com/agivingchance.

Qui sono i miei problemi:

1. Per qualsiasi degli elementi nav, scorre in parte, poi salta alla posizione. Sono abbastanza sicuro che è perché non sapevo come rendere conto dell'intestazione appiccicosa, quindi ho messo un po 'l'ancora per tenere conto dell'altezza dell'ancora. Quindi, arriva all'ancora e si ferma, ma poi salta alla vista corretta.
2. Quando si fa clic sul pulsante Indietro, sembra che non sempre vada nella posizione corretta, a volte è piuttosto casuale. Penso che questo abbia a che fare con il problema 1, e si spera che si risolva da solo. Sarei anche a posto con la rimozione della cronologia del browser/pulsante indietro tutto insieme, ma come ho detto, non sono abbastanza di un master JQuery per sapere cosa rimuovere.

Qualche suggerimento?

Grazie in anticipo!

Answer 1

1. Usa questo codice da commento Devin Sturgeon s' sulla Smooth scorrimento posta. Inoltre ho aggiunto un po 'di sottrazione per compensare la tua intestazione appiccicosa. Regola a piacimento.

// your functions go here 
$('a[href*=#]:not([href=#])').click(function() { 
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') 
     || location.hostname == this.hostname) { 

     var target = $(this.hash); 
     target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 
      if (target.length) { 
      $('html,body').animate({ 
       scrollTop: target.offset().top - 181 
      }, 1000); 
      return false; 
     } 
    } 
}); 

2. spostare tutti i tasselli per l'elemento effettivo che si desidera scorrere.

(rif: http://css-tricks.com/snippets/jquery/smooth-scrolling/#comment-197181)