ScrollTop函数问题 - 滚动

时间:2014-07-21 11:59:29

标签: javascript jquery html css

我遇到了WordPress网站的问题 - 它使用ScrollTop函数滚动到每个分节符。我所经历的是,滚动时,它不会滚动到正确的位置。

我查看了所有代码,无法确定导致问题的原因。您可以在下面看到ScrollTop的基本代码,没什么不同。

 var hash = this.hash;

   // animate
   jQuery('html, body').stop().animate({
       scrollTop: jQuery(this.hash).offset().top,

     }, 1000, 'swing', function(){

       // when done, add hash to url
       // (default click behaviour)
       window.location.hash = hash;
     });

我试图抵消滚动,但每个部分似乎都有不同的过度滚动。

我删除了所有未改变问题的CSS填充和边距。有没有人遇到类似的滚动问题?

奇怪的是,如果再次点击相同的链接,它会将其计算出来并滚动到右侧的ID。

您可以找到我的网站here的链接。

我目前在使用FadeIn时遇到了问题,所以请忽略它的一部分。

卷轴和fadeIn相互冲突是一个很好的假设吗?某些部分的FadeIn确实增加了Div的长度。

1 个答案:

答案 0 :(得分:0)

是的,fadeIn可能是因为它改变了元素的高度。您可以通过在操作scrollTop之前对所选部分上方的div应用fadeIn动画来避免这种情况。

相关问题