jQuery 动画页面滚动，带有固定标题的偏移量，闪烁褪色的内容

Question

我的网站上有一个固定的标题/导航，页面在其下方滚动(类似于 Twitter)。我试图让它平滑地滚动到页面内的文章，同时考虑标题的高度，以免覆盖文章的顶部部分。

我认为我已经实现了标题高度偏移，但滚动非常不稳定且不一致，并且使用导航时所有不透明度褪色的内容都会闪烁。

请在此处查看测试:http://sketch.ryantroyford.com/newSite/testSite.html

知道问题出在哪里吗？提前致谢!

Answer 1

使用此处找到的代码 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，调整该数字以反射(reflect)固定标题的大小。