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

HTML DOM scrollIntoView() メソッド

HTML DOM Element オブジェクト

scrollIntoView()このメソッドは、その要素をブラウザのウィンドウの可視エリアにスクロールします。

注意:他の要素のレイアウトに応じて、要素は完全に上部または下部にスクロールできないことがあります。

文法:

element.scrollIntoView(alignToTop)
var elem = document.getElementById("box");
elem.scrollIntoView();
テストを見て‹/›

ブラウザの互換性

テーブルの数字は、scrollIntoView()メソッドを完全にサポートする最初のブラウザのバージョンを指定しています:

Method
scrollIntoView()283.5385.18

パラメータの値

パラメータ説明
alignToTop(オプション)合致タイプを示す布尔値:

true-要素の上部は、スクロール可能な祖先の可視領域の上部に合致します

false-要素の下部は、スクロール可能な祖先の可視領域の下部に合致します。

省略された場合、要素の先頭にスクロールします。

注意:他の要素のレイアウトに応じて、一部の要素は完全に先頭や末尾にスクロールできないことがあります。

技術的詳細

返り値:ありません
DOMバージョン:CSSオブジェクトモデル(CSSOM)

さらに例

要素の先頭または末尾にスクロールする:

var elem = document.getElementById("box");
function scrollToTop() {
   elem.scrollIntoView(true);
}
function scrollToBottom() {
   elem.scrollIntoView(false);
}
テストを見て‹/›

HTML DOM Element オブジェクト