固定ヘッダーのオフセット付きjQueryアニメーションページのスクロールは、色あせたコンテンツの点滅

Question

私は自分のサイトに固定ヘッダー/ナビゲーションを持っています。このページはスクロールしています（Twitterに似ています）。ヘッダーの高さを考慮しながら、記事の上部を隠さないように、スムーズにページ内の記事にスクロールするようにしています。

私はヘッダーの高さオフセットがあると思うが、スクロールはかなり不安定で不整合で、ナビゲーションが使用されると消えた不透明度のすべてのコンテンツが点滅する。

ここでテストを参照してください：問題は何ができるかhttp://sketch.ryantroyford.com/newSite/testSite.html

任意のアイデアを？前もって感謝します！

Answer 1

はjQueryのための緩和のプラグインとこ​​こにあるスクリプトを使用しますhttp://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/

点滅途切れスクロールとを修正しますが、私は固定ヘッダのオフセットに取り組んでいます。私はちょうど解決策を探していて、ここで私をもたらしたのです。このコードを使用して

Answer 2

はこちらhttp://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/を発見した - あなたは次のようにオフセットを調整することができます。

$('html, body').stop().animate({ 
    scrollTop: ($($anchor.attr('href')).offset().top-150) 
    }, 1500,'easeInOutExpo'); 

注：-150を、あなたの固定ヘッダの大きさを反映するために、その数を調整します。