DOM

Element.scrollTo() メソッド

 編集:2022.09.26 by T.A.

[Edge]○。→

element の内容を指定座標までスクロールします。

構文
element.scrollTo(x, y)
element.scrollTo(options)
element Element
x 水平軸上のピクセル値を表す数値。
y 垂直軸上のピクセル値を表す数値。
options オブジェクトで指定。詳細不明。 辞書です。
プロパティ説明と値
top y と同じ。
left x と同じ。
behavior 以下のうち1つの文字列。
smooth スムース スクロール動作。
instant 即座にジャンプ動作。
auto 初期値。¶ブラウザーに任せる。
戻り値

element.scrollTo(0, 1000);

options を使用する場合:

element.scrollTo({
  top: 100,
  left: 100,
  behavior: 'smooth'
});

HTML:

<DIV id=IdTest style="width:100px; height:100px; overflow:scroll; border:1px solid red; font-size:20px">
  aaaaaaaaaaaaaaaaaaaaaaaaaa<BR>
  あ<BR>
  い<BR>
  う<BR>
  え<BR>
  お<BR>
  か<BR>
  き<BR>
  く<BR>
  け<BR>
  こ<BR>
</DIV>

JavaScript:

IdTest.scrollTo(20, 30);
D=IdTest.scrollLeft +","+ IdTest.scrollTop; //表示:スクロール分X、スクロール分Y
	//=[string]:20,30

scrollLeftscrollTop


テスト