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，調整這個數字來反映你的固定頭的大小。