English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Window scrollBy() 方法

JavaScript Window-Objekt

scrollBy()方法以指定的像素数在窗口中滚动文档。

scrollBy()滚动指定的像素数,而window.scrollTo()滚动到文档中的绝对位置。

语法:

window.scrollBy(x-coord, y-coord)
<button onclick="window.scrollBy(0,100, 0);">Click</button>
Testen Sie heraus‹/›

浏览器兼容性

所有浏览器都完全支持scrollBy()方法:

Methode
scrollBy()JaJaJaJaJa

Parameterwert

ParameterBeschreibung
x-coordDie horizontalen Pixel, um gerollt zu werden. Positive Werte rollen nach rechts, und negative Werte rollen nach links.
y-coordDie vertikalen Pixel, um gerollt zu werden. Positive Werte rollen nach unten, und negative Werte rollen nach oben.

Technische Details

Rückgabewert:Keine

Mehr Beispiele

Vertikale Dokument滚动100 Pixel:

<button onclick="window.scrollBy(0, 100);">Klicken</button>
Testen Sie heraus‹/›

Horizontale und vertikale Dokument滚动

<button onclick="window.scrollBy(0, 50)">Nach unten scrollen</button>
<button onclick="window.scrollBy(0, -50)">Nach oben scrollen</button>
<button onclick="window.scrollBy(0,100, 0)">Nach rechts scrollen</button>
<button onclick="window.scrollBy(0,-100, 0)">Nach links scrollen</button>
Testen Sie heraus‹/›

Verwandte Referenzen

Fenster (Window)-Referenz:window.scrollTo()-Methode

HTML DOM-Referenz:element.scrollLeft-Eigenschaft

HTML DOM-Referenz:element.scrollTop-Eigenschaft

JavaScript Window-Objekt