自动滚动底部页面并重复

Question

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

根据时间间隔，我得到的解决方案之一是： 自动滚动到页面底部，然后滚动到顶部并重复 。 我正在尝试使用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，因此，如果您想选择香草JS，则可以改用以下代码：

window.scrollTo(0,0)