javascript - 使用 window.scrollBy 平滑滚动

Question

我正在尝试使用 setInterval() 和 window.scrollBy() 平滑地滚动页面

我会使用 jQuery 的 animate 函数，但动画需要连续且无限循环(页面内容将是无限的)。

这个想法相当简单:

var x = 1;
var y = 1;

setInterval(function() {
    window.scrollBy(0, x);
}, y);

如何在不使动画显得跳动的情况下提高滚动速度？

我遇到了两个问题:

1. setInterval() 不能采用小于 1 的 Y 值(或者可能接近 30，具体取决于浏览器限制)
2. 增加 X 的值会导致动画跳动(由于像素被完全跳过)

这里有一个 fiddle 可以用来做实验:

http://jsfiddle.net/eoojrqh6/2/

谢谢!

Answer 1

使用 behavior 选项而不是 setInterval 它更简单并且是正确的方法，

var x = 1;
var y = 1;

window.scrollBy({
    top: x,
    left: y,
    behavior : "smooth"
})