有没有办法模仿无限循环滚动而不让页面跳到顶部？

Question

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

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

我目前正在使用脚本进行循环滚动，但我对页面如此突然地跳到顶部不太满意。

我现在正在使用这个：

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

Answer 1

我知道这是一篇旧文章，但对于任何好奇的人来说：

您可以继续从列表顶部复制 DOM 元素当它们滚动到视图之外时并将它们附加到底部。它的行为就像一个循环，但实际上只是一个一遍又一遍重复的相同项目的列表，并且变得越来越长。在某些时候，随着越来越多的 DOM 元素不断被附加，列表会变得太大，但在某些情况下它可能是合适的。

Answer 2

如果你想平滑地滚动到页面顶部，那么你可以使用动画功能。那么你的代码将是这样的：

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

1500 是完成动画所需的时间（以毫秒为单位）。