有没有办法在页面不跳到顶部的情况下模拟无限循环滚动？

Question

我目前正在开发一个带有砌体网格的网站 - 理想情况下，我希望模拟一个循环滚动，当用户到达页面末尾时，砌体网格中的项目会从那些重复位于页面顶部。 （基本上，页面不会滚动回顶部，项目只是重复。）

这可能吗？有没有更好的方法来解释我想要追求的东西？

我目前正在使用脚本来循环滚动，但我对页面突然跳到顶部的方式不太满意。

我现在就在用这个：

 $('document').ready(function() {
    $(document).scroll(function(){
      if (document.documentElement.clientHeight + $(window).scrollTop() >= $(document).height()) {
        $(document).scrollTop(0);
      }
    });
  });

Answer 1

如果您想流畅地滚动到页面顶部，则可以使用 animate 功能。那么你的代码将是这样的：

$(document).scroll(function() {
  if (document.documentElement.clientHeight + $(window).scrollTop() >= $(document).height()) {
    var body = $("html, body");
    body.stop().animate({
      scrollTop: 0
    }, 1500);
  }
});

1500 是完成动画的毫秒数。