概要
文書内の特定の座標までスクロールします。
構文
window.scrollTo(x-coord,y-coord) window.scrollTo(options)
引数
x-coord
: 左上を基準にした表示させたい文書の水平軸上のピクセル値y-coord
: 左上を基準にした表示させたい文書の垂直軸上のピクセル値
または
options
: 三つのプロパティを持たせられるオブジェクトtop
y-coord
と同じですleft
x-coord
と同じですbehavior
smooth
、instant
、auto
のうちどれか一つを含む文字列。初期値はauto
です
例
window.scrollTo( 0, 1000 );
// this changes the scrolling behavior to "smooth"
window.scrollTo({
top: 1000,
behavior: "smooth"
});
注記
この関数は、効果としては、window.scroll
と同じです。相対的にスクロールさせる方法については、 window.scrollBy
、 window.scrollByLines
、 window.scrollByPages
を参照してください。
要素のスクロールについては、 Element.scrollTop
や Element.scrollLeft
を参照してください。
仕様
Specification | Status | Comment |
---|---|---|
CSS Object Model (CSSOM) View Module window.scroll() の定義 |
草案 | Initial definition. |
ブラウザー実装状況
The compatibility table in this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request.
Update compatibility data on GitHub
デスクトップ | モバイル | ||||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|---|
基本対応 | Chrome 完全対応 あり | Edge 完全対応 あり | Firefox 完全対応 あり | IE 完全対応 あり | Opera 完全対応 あり | Safari 完全対応 あり | WebView Android 完全対応 あり | Chrome Android 完全対応 あり | Edge Mobile 完全対応 あり | Firefox Android 完全対応 あり | Opera Android ? | Safari iOS 完全対応 あり | Samsung Internet Android 完全対応 あり |
ScrollToOptions parameter | Chrome 完全対応 45 | Edge 未対応 なし | Firefox 完全対応 あり | IE 未対応 なし | Opera 完全対応 32 | Safari 未対応 なし | WebView Android 完全対応 45 | Chrome Android 完全対応 45 | Edge Mobile 未対応 なし | Firefox Android 完全対応 あり | Opera Android 完全対応 32 | Safari iOS 未対応 なし | Samsung Internet Android 完全対応 あり |
凡例
- 完全対応
- 完全対応
- 未対応
- 未対応
- 実装状況不明
- 実装状況不明