English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
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() | Ja | Ja | Ja | Ja | Ja |
Parameter | Beschreibung |
---|---|
x-coord | Die horizontalen Pixel, um gerollt zu werden. Positive Werte rollen nach rechts, und negative Werte rollen nach links. |
y-coord | Die vertikalen Pixel, um gerollt zu werden. Positive Werte rollen nach unten, und negative Werte rollen nach oben. |
Rückgabewert: | Keine |
---|
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‹/›
Fenster (Window)-Referenz:window.scrollTo()-Methode
HTML DOM-Referenz:element.scrollLeft-Eigenschaft
HTML DOM-Referenz:element.scrollTop-Eigenschaft