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

【问题标题】：jQuery animated page scroll with offset for fixed header blinks faded content带有偏移的jQuery动画页面滚动固定标题闪烁褪色内容
【发布时间】：2011-09-14 23:51:31
【问题描述】：

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

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

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

知道问题可能是什么吗？提前致谢！

【问题讨论】：

标签： jquery navigation scroll jquery-animate

【解决方案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，调整该数字以反映固定标题的大小。

【讨论】：

【解决方案2】：

使用 jQuery 的缓动插件和位于此处的脚本：http://tympanus.net/codrops/2010/06/02/smooth-vertical-or-horizontal-page-scrolling-with-jquery/

这将解决不稳定的滚动和闪烁问题，但我正在处理固定标题的偏移量。我现在只是在寻找解决方案，这就是我来到这里的原因。

【讨论】：