Element.scroll()
scroll()
は Element
インターフェイスのメソッドで、指定された要素内の特定の座標の組まで要素をスクロールさせます。
例
js
element.scroll(x-coord, y-coord)
element.scroll(options)
引数
x-coord
-
左上に表示させたいこの要素の横軸方向のピクセルです。
y-coord
-
左上に表示させたいこの要素の縦軸方向のピクセルです。
- または -
options
-
以下の引数を含む辞書オブジェクトです。
top
-
ウィンドウまたは要素をスクロールする Y 軸方向のピクセル数を指定します。
left
-
ウィンドウまたは要素をスクロールする X 軸方向のピクセル数を指定します。
behavior
-
スクロールをスムーズなアニメーションで行うか (
smooth
)、単一のジャンプで即座に行うか (instant
)、ブラウザーの選択に任せるか (auto
、既定値) を指定します。
例
js
// 1000 番目の垂直ピクセルを要素の先頭に置く
element.scroll(0, 1000);
options
の使用例:
js
element.scroll({
top: 100,
left: 100,
behavior: 'smooth'
});
仕様書
Specification |
---|
CSSOM View Module # dom-element-scroll |
ブラウザーの互換性
BCD tables only load in the browser