ScrollBy() 方法的语法

scrollBy() 方法是用来将文档滚动指定的像素值。它可以在水平方向和垂直方向上滚动。

下面是该方法的语法：

window.scrollBy(x-coord, y-coord)

• x-coord：水平方向上滚动的像素值。
• y-coord：垂直方向上滚动的像素值。

注意： scrollBy() 方法只接受整数值。

下面是一个示例：

window.scrollBy(0, 100);

这将向下滚动文档 100 个像素。如果想向上滚动，则可以将y-coord值设为负数。

scrollBy() 方法可以与其他方法一起使用，以实现更复杂的滚动效果。

例如，可以使用 setInterval和 scrollBy() 方法来创建一个“滚动到顶部”按钮：

function scrollToTop() {
  var interval = setInterval(function() {
    window.scrollBy(0, -50);
    if (document.body.scrollTop === 0) {
      clearInterval(interval);
    }
  }, 10);
}

此示例中，每 10 毫秒滚动 50 个像素，直到滚动到顶部。这里的 clearInterval 方法确保清除 scrollBy() 方法的循环。

总之，scrollBy() 方法是一个非常实用的方法，可以通过它轻松地向上或向下滚动文档，同时也可以将其与其他方法结合使用，以实现更复杂的滚动效果。