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