Javascript ScrollTop功能出现问题-过度滚动

Javascript ScrollTop功能出现问题-过度滚动,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我的WordPress站点出现了一个问题-它使用ScrollTop功能滚动到每个分节符。我所经历的是,当滚动时,它不会滚动到正确的位置 我查看了所有代码,无法确定是什么导致了问题。您可以在下面看到ScrollTop的基本代码,没有什么不同 var hash = this.hash; // animate jQuery('html, body').stop().animate({ scrollTop: jQuery(this.hash).offset().top,

我的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;
     });
我试图抵消滚动,但每个部分似乎有不同的overscroll

我已经删除了所有CSS填充和边距,这并没有改变问题。以前是否有人遇到过类似的滚动问题

奇怪的是,如果您再次单击同一链接,它会计算出来并滚动到右侧的部分ID

你可以找到我网站的链接

我目前正在处理一个关于FadeIn的问题,所以忽略这一部分


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

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

谢谢Henri,我会尝试一下,然后再给您回复。很高兴有人证实我的怀疑。