如何在窗口加载时平滑滚动到底部，完成后向上滚动并循环？

Question

在添加动画以回到顶部时，完成此动画循环的最佳方法是什么？

$(window).load(function() {
  $("html, body").animate({ scrollTop: $(document).height() }, 110000, function() {
    // Animation complete.
  });
});

好的！随着@void的帮助。我得到了这个工作。

var x = 110000; // This is 110sec.
var y = 100000; // This is 100sec.

$(window).load(function() {
    $("html, body").animate({ scrollTop: $(document).height() }, x, function() {
      $("html, body").animate({ scrollTop: (0) }, y);
    });

    setInterval(function(){
    $("html, body").animate({ scrollTop: $(document).height() }, x, function() {
      $("html, body").animate({ scrollTop: (0) }, y);
    });
    }, x+y);

});

拍摄。这不是循环......

Answer 1

这就是你可以循环的方式。

    var x = 110000; // This is 110sec.
    var y = 100000; // This is 100sec.

    $(window).load(function() {
        $("html, body").animate({ scrollTop: $(document).height() }, x, function() {
          $("html, body").animate({ scrollTop: 0 }, y);
        });

        setInterval(function(){
        $("html, body").animate({ scrollTop: $(document).height() }, x, function() {
          $("html, body").animate({ scrollTop: 0 }, y);
        });
        }, x+y);

    });