Element.scrollTo()

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

構文

element.scrollTo(x-coord, y-coord)
element.scrollTo(options)

引数

  • x-coord は、要素の水平軸上で左上に表示したいピクセルです。
  • y-coord は、要素の垂直軸状で左上に表示したいピクセルです。

- または -

element.scrollTo(0, 1000);

options を使用する場合:

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

仕様書

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

ブラウザーの互換性

Update compatibility data on GitHub
デスクトップモバイル
ChromeEdgeFirefoxInternet ExplorerOperaSafariAndroid webviewAndroid 版 ChromeAndroid 版 FirefoxAndroid 版 OperaiOSのSafariSamsung Internet
scrollToChrome 完全対応 45Edge 完全対応 79Firefox 完全対応 36IE 未対応 なしOpera 完全対応 32Safari 完全対応 10WebView Android 完全対応 45Chrome Android 完全対応 45Firefox Android 完全対応 36Opera 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

凡例

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

関連情報