window.scrollTo

概要

文書内の特定の座標までスクロールします。

構文

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

引数

  • x-coord : 左上を基準にした表示させたい文書の水平軸上のピクセル値
  • y-coord : 左上を基準にした表示させたい文書の垂直軸上のピクセル値

または

  • options : 三つのプロパティを持たせられるオブジェクト
    • top y-coord と同じです
    • left x-coord と同じです
    • behavior smoothinstantauto のうちどれか一つを含む文字列。初期値は auto です

window.scrollTo( 0, 1000 );

// this changes the scrolling behavior to "smooth"
window.scrollTo({
    top: 1000,
    behavior: "smooth"
});

注記

この関数は、効果としては、window.scroll と同じです。相対的にスクロールさせる方法については、 window.scrollBywindow.scrollByLineswindow.scrollByPages を参照してください。

要素のスクロールについては、 Element.scrollTopElement.scrollLeft を参照してください。

仕様

Specification Status Comment
CSS Object Model (CSSOM) View Module
window.scroll() の定義
草案 Initial definition.

ブラウザー実装状況

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

凡例

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