English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Window scrollTo() メソッド

JavaScript Window オブジェクト

scrollTo()メソッドは指定された座標位置にドキュメントをスクロールします。

scrollTo()は絶対位置にスクロールし、window.scrollBy()指定されたピクセル数をドキュメント内にスクロールします。

スクロール要素に関する詳細は、element.scrollTopおよびelement.scrollLeft

文法:

window.scrollTo(x-coord, y-coord)
<button onclick="window.scrollTo(500, 0);">クリック</button>
テストを見て‹/›

ブラウザの互換性

すべてのブラウザはscrollTo()メソッドを完全にサポートしています:

メソッド
scrollTo()

パラメータの値

パラメータ説明
x-coord左上隅に配置される、ドキュメントの水平軸上に表示されるピクセル
y-coord左上隅に配置される、ドキュメントの垂直軸上に表示されるピクセル数

技術的詳細

返り値:ありません

さらに例

垂直にスクロールするドキュメント500ピクセル:

<button onclick="window.scrollTo(0, 500);">クリック</button>
テストを見て‹/›

水平と垂直にドキュメントをスクロール:

<button onclick="window.scrollTo(0, 50)">下にスクロール</button>
<button onclick="window.scrollTo(0, -50)">上にスクロール</button>
<button onclick="window.scrollTo(300, 0)">右にスクロール</button>
<button onclick="window.scrollTo(-300, 0)">左にスクロール</button>
テストを見て‹/›

関連参考

ウィンドウ(Window)参考:window.scrollBy()メソッド

HTML DOM 参考:element .scrollLeft属性

HTML DOM 参考:element .scrollTop属性

JavaScript Window オブジェクト