Element.scrollBy()

scrollBy()Element インターフェイスのメソッドで、指定された量だけ要素をスクロールします。

構文

element.scrollBy(x-coord, y-coord);
element.scrollBy(options)

引数

  • x-coord は、スクロールしたい水平ピクセル数です。
  • y-coord は、スクロールしたい垂直ピクセル数です。

- または -

// 要素をスクロール
element.scrollBy(300, 300);

options を使用する場合:

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

仕様書

仕様書 状態 備考
CSS Object Model (CSSOM) View Module
element.scrollBy() の定義
草案 初回定義

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
scrollByChrome 完全対応 45Edge 完全対応 79Firefox 完全対応 ありIE 未対応 なしOpera 完全対応 32Safari 完全対応 10WebView Android 完全対応 45Chrome Android 完全対応 45Firefox Android 完全対応 ありOpera Android 完全対応 32Safari iOS 未対応 なしSamsung Internet Android 完全対応 5.0
ScrollToOptions parameterChrome 完全対応 45Edge 完全対応 79Firefox 完全対応 ありIE 未対応 なしOpera 完全対応 32Safari 未対応 なしWebView Android 完全対応 45Chrome Android 完全対応 45Firefox Android 完全対応 ありOpera Android 完全対応 32Safari iOS 未対応 なしSamsung Internet Android 完全対応 5.0

凡例

完全対応  
完全対応
未対応  
未対応