具有固定標題偏移量的jQuery動畫頁面滾動閃爍內容褪色

Question

我的網站上有固定的標題/導航，頁面在該標題/導航下滾動（類似於Twitter）。 我正在嘗試使其平滑滾動到頁面內的文章，同時考慮標題的高度，以免掩蓋文章的頂部。

我想我已經有了標題高度偏移，但是滾動非常不穩定並且不一致，並且使用導航時所有具有褪色不透明性的內容都會閃爍。

請在此處查看測試： http : //sketch.ryantroyford.com/newSite/testSite.html

知道問題可能是什么？ 提前致謝！

Answer 1

使用此處http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizo​​ntal-page-scrolling-with-jquery/的代碼，您可以按以下方式調整偏移量：

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

注意：-150，請調整該數字以反映固定頁眉的大小。

Answer 2

使用jQuery緩動插件和位於此處的腳本： http : //tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizo​​ntal-page-scrolling-with-jquery/

這樣可以解決斷斷續續的滾動和閃爍的問題，但是我正在研究固定標題的偏移量。 我現在只是在尋找解決方案，這就是讓我來到這里的原因。