JavaScriptでのウィンドウスクロールメソッド

メソッド scrollBy は、現在の位置から指定された量だけウィンドウをスクロールします。 最初のパラメータは水平方向の移動量、2番目のパラメータは垂直方向の移動量です。 指定した量だけウィンドウをスクロールしてみましょう:

javascriptwindow.scrollBy(100, 200);

逆方向にスクロールを実行します:

javascriptwindow.scrollBy(-100, -200);

スムーズなスクロールを実行します:

javascriptwindow.scrollBy({
  top: 100,
  left: 100,
  behavior: 'smooth'
});
Задание 1

ボタンをクリックすると、 ウィンドウを 100px 下にスクロールします。

Задание 2

ボタンをクリックすると、 ウィンドウを 100px 上にスクロールします。

Задание 3

ボタンをクリックすると、 ウィンドウを 300px 下にスムーズにスクロールします。

Задание 4

ボタンをクリックすると、 ウィンドウを 300px 上にスムーズにスクロールします。