Window scrollBy() 方法

定义和用法

scrollBy() 方法将文档滚动指定的像素数。

提示：如需使 scrollBy() 方法起作用，文档必须大于屏幕，并且滚动条必须可见。

另请参阅：

scrollTo() 方法

实例

例子 1

水平滚动文档 100px：

window.scrollBy(100, 0);

亲自试一试

例子 2

垂直滚动文档 100px：

window.scrollBy(0, 100);

亲自试一试

例子 3

上下滚动文档：

<button onclick="scrollWin(0, 50)">Scroll down</button>
<button onclick="scrollWin(0, -50)">Scroll up</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

亲自试一试

例子 4

左右滚动文档：

<button onclick="scrollWin(100, 0)">Scroll right</button>
<button onclick="scrollWin(-100, 0)">Scroll left</button>
<script>
function scrollWin(x, y) {
  window.scrollBy(x, y);
}
</script>

亲自试一试

语法

window.scrollBy(x, y)

或者：

scrollBy(x, y)

参数

参数 描述
x

必需。要滚动的像素数（水平）。

正值向右滚动，负值向左滚动。
y

Erforderlich. Anzahl der zu scrollenden Pixel (vertikal).

Positive Werte rollen nach unten, negative Werte rollen nach oben.

Rückgabewert

Keine.

Browserunterstützung

Alle Browser unterstützen dies scrollBy():

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung Unterstützung