DOM

：

：

Element.scroll() メソッド

　編集：2022.09.23 by T.A.

[Edge]。→

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

構文
element.scroll(x, y)
element.scroll(options)
element Element。
x element の左上を基準とした、表示させたい水平軸上のピクセル値を表す数値。
y element の左上を基準とした、表示させたい垂直軸上のピクセル値を表す数値。
options 三つのプロパティを持たせられるオブジェクト。
プロパティ説明
top y と同じです。
left x と同じです。
behavior 以下うち1つの文字列。
smooth スムース スクロールさせる。
instant 即座にジャンプさせる。
auto ブラウザーに任せる。初期値。
戻り値

例
1000 番目の垂直ピクセルを要素の先頭に置く 
element.scroll(0, 1000);
option を指定 
element.scroll({
  top: 100,
  left: 100,
  behavior: 'smooth'
});

HTML： 

<DIV id=IdTest style="overflow:scroll; width:100px; height:100px; border:1px solid red; font-size:20px">aaaaaaaaaaaaaaaaaaaa<BR>
  <B>B要素</B>テキスト<BR>
  あ<BR>
  あ<BR>
  あ<BR>
  あ<BR>
  あ<BR>
  あ<BR>
  あ<BR>
  あ<BR>
</DIV>

JavaScript： 

IdTest.scroll(20, 30); //要素をスクロール。
D=IdTest.scrollLeft;   //＝[number]：20。スクロール量を取得。
D=IdTest.scrollTop;    //＝[number]：30。スクロール量を取得。

→scrollLeft、scrollTop。

JavaScript： options での指定。 

IdTest.scroll({top:200, left:200, behavior:'instant'});
テスト