ScrollTop函数的问题-过度滚动

Issue with ScrollTop function - Over scrolling

本文关键字:滚动 问题 函数 ScrollTop      更新时间:2023-09-26

我的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填充和边距,这并没有改变这个问题。以前有人遇到过类似的滚动问题吗?

奇怪的是,如果你再次点击相同的链接,它会计算出来并滚动到正确的section ID。

你可以在这里找到我的网站链接。

我目前有一个问题与FadeIn,我正在工作,所以忽略它的一部分。

是否可以假设scroll和fadeIn相互冲突?某些部分的淡出功能实际上会增加Div的长度。

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