スムーズスクロールでスティッキーナビゲーションがジャンプしています

Question

スティックナビゲーションとスムーズなスクロールでさまざまな問題が発生しています。トラブルシューティングのためにjQueryについて十分に知りません。 Chris Coyerの滑らかなスクロールスニペットを使用しています：http://css-tricks.com/snippets/jquery/smooth-scrolling/私のページはここにあります：http://clients.ekcetera.com/agivingchance。それは、その後、部分的にスクロールする場所にジャンプし、NAVの項目のいずれについても

1. ：ここ
   は私の問題です。スティッキーヘッダーをどのように説明するのか分からなかったので、私はそれが確かだと思うので、アンカーの高さを考慮してアンカーを少し上に置きます。したがって、アンカーに到達して停止しますが、適切なビューにジャンプします。
2. [戻る]ボタンをクリックすると、必ずしも正しい場所に移動するとは限りません。かなりランダムな場合もあります。私はこれが問題1と関係があると思っています。うまくいけばそれは解決するでしょう。私はブラウザの履歴/バックボタンのものをすべて削除しても問題ありませんが、私が言ったように、何を削除するかを知るのにJQueryのマスターは十分ではありません。

ありがとうございます！

Answer 1

1.スモール スクロールポストについてDevin Sturgeonさんのコメントからこのコードを使用してください。さらに、私はちょっとした減算を加えて、あなたのスティッキーヘッダー を補うことにしました。好みに合わせて調整する。

// 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.あなたがにスクロールしたい、実際の要素に移動し、すべてのアンカーを。

（参照：http://css-tricks.com/snippets/jquery/smooth-scrolling/#comment-197181）