window.scrollBy

概要

指定された量だけウィンドウ内の文書をスクロールします。

構文

window.scrollBy(X,Y);
window.scrollTo(options)

引数

  • x-coord は、左上に表示されたい文書の水平軸上のピクセルです。
  • y-coord は、左上に表示されたい文書の垂直軸上のピクセルです。

- または -

例

1ページ下スクロールの例:

window.scrollBy(0, window.innerHeight);

上スクロールの例:

window.scrollBy(0, -window.innerHeight);

options の使用例:

window.scrollBy({
  top: 100,
  left: 100,
  behavior: 'smooth'
});

注記

window.scrollBy は、指定量のスクロール、 window.scroll は、文書の絶対座標へのスクロールです。 window.scrollByLines 、window.scrollByPages も参照してください。

仕様

DOM Level 0。どの標準にも属しません。