Question

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

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

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

我现在正在使用它：

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

Answer 1

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

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

1500是完成动画的量（以毫秒为单位）。

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

1 个答案: