jQuery动画页面滚动与固定标题的偏移闪烁褪色内容

时间:2011-09-14 23:51:31

标签: jquery navigation scroll jquery-animate

我的网站上有一个固定的标题/导航,页面滚动(类似于Twitter)。我试图让它顺利地滚动到页面内的文章,同时考虑标题的高度,以免掩盖文章的顶部。

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

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

知道问题可能是什么?提前谢谢!

2 个答案:

答案 0 :(得分:3)

使用此处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,调整该数字以反映固定标题的大小。

答案 1 :(得分:0)

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

这将修复不连贯的滚动和闪烁,但我正在处理固定标题的偏移量。我现在只是在寻找解决方案,这就是我带到这里的原因。