Düzgün Kaydırma ile Yapışkan Gezinme

Question

ile zıplıyor. Sopa nav ve pürüzsüz kaydırma ile her türlü sorun yaşıyorum. Sorun gidermek için jQuery hakkında yeterli bilgim yok. Chris Coyer'dan düzgün bir kaydırma snippet'i kullanıyorum: http://css-tricks.com/snippets/jquery/smooth-scrolling/. Sayfam burda: http://clients.ekcetera.com/agivingchance. O zaman, kısmen kayar konuma atlar, nav öğelerin herhangi biri için

1. : Burada
   benim sorunlardır. Eminim çünkü yapışkan başlıkların nasıl hesaplanacağını bilmiyordum, bu yüzden çapanın yüksekliğini hesaba katarak ankrajı biraz tuttum. Yani, ankrajı alır ve durur, ancak sonra uygun görüşe atlar.
2. Geri düğmesini tıklattığınızda, her zaman doğru konuma gitmiyor gibi görünüyor - bazen oldukça rasgele. Bunun konu 1 ile ilgisi olduğunu düşünüyorum ve umarım kendini çözecektir. Tarayıcı geçmişi/geri düğmesi şeyini tamamen kaldırarak iyiyim, ama dediğim gibi, ne kaldırmak gerektiğini bilmek için bir JQuery ustası yeterli değilim.

Herhangi bir öneriniz var mı?

Şimdiden teşekkürler!

Answer 1

1. Kesintisiz Kaydırma yazı hakkında Devin Sturgeon un yorumunu bu kodu. Ayrıca, yapışkanlı başlığınız için küçük bir çıkarma işlemi ekledim. Beğenmeye ayarla. Eğer ilerleyin istediğiniz gerçek elemana

// 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. Taşı tüm çapalar.

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