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

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

window.scrollBy(100, 200);

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

window.scrollBy(-100, -200);

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

window.scrollBy({
	top: 100,
	left: 100,
	behavior: 'smooth'
});

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

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

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

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