Window.scrollBy()
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2020.
Window.scrollBy()
メソッドは、ウィンドウ内の文書を指定された量だけスクロールさせます。
構文
js
scrollBy(x_coord, y_coord);
scrollBy(options);
引数
返値
なし (undefined
)。
例
1 ページ分下スクロールさせるには、次のようにします。
js
window.scrollBy(0, window.innerHeight);
上スクロールさせるには、次のようにします。
js
window.scrollBy(0, -window.innerHeight);
options
を使用します。
js
window.scrollBy({
top: 100,
left: 100,
behavior: "smooth",
});
メモ
window.scrollBy()
は特定の量だけスクロールしますが、 window.scroll()
は文書内の絶対位置までスクロールします。 window.scrollByLines()
および window.scrollByPages()
も参照してください。
仕様書
Specification |
---|
CSSOM View Module # dom-window-scrollby |
ブラウザーの互換性
BCD tables only load in the browser