Question

我已经搜索了这个主题，并且我得到的所有解决方案都是基于时间间隔的。我有一个基于查询的php页面。此查询的结果可能很小也可能很大，具体取决于其参数。必须平稳地向下滚动生成的页面，直到结果结束，然后再次向上滚动并重复。如果解决方案是基于时间间隔的，则页面可能会滚动并且结果无法完全显示。

基于时间间隔，我得到的解决方案之一是：Autoscroll to bottom of page then top and repeat。我正在尝试使用javascript或jquery，并使用以下代码：

<script>
var pix = 0;
var sh = document.body.scrollHeight;
var ch = document.body.clientHeight;

setInterval(function(){  
    pix = pix+1;
    //console.log("sh="+sh+" ch="+ch+ " pix="+pix);
    if (pix<=sh)
      window.scrollBy(0, 10); 
    else {
      pix = 0;
      $(document.body).scrollTop(0);
    }
  }, 1000);
</script>

第一部分没问题：滚动顺利。但是，当页面结束时，它没有重新开始（$(document.body).scrollTop(0);）

最好的问候，谢谢。

Answer 1

您需要将scrollTop行更改为：

$(document).scrollTop(0);

由于该行使用jQuery，因此请确保在您的页眉或页脚中调用了该行。

此外，您只在该特定行中使用jQuery，因此，如果您想选择Vanilla JS，则可以改用此代码：

window.scrollTo(0,0)

自动滚动底部页面并重复

1 个答案: