JavaScriptにおけるウィンドウを指定位置にスクロールするメソッド

メソッド scrollTo は、ウィンドウを指定位置にスクロールします。最初のパラメータは水平方向の位置を受け取り、2番目のパラメータは垂直方向の位置を受け取ります。ウィンドウを指定位置にスクロールしてみましょう：

window.scrollTo(100, 200);

このメソッドには、パラメータとしてオブジェクトを渡す代替構文があります。このオブジェクトのキー top には垂直方向の位置が指定され、キー left には水平方向の位置が指定され、キー behavior にはスクロールのタイプが指定されます。タイプは 'auto' または 'smooth' です。後者の場合、スクロールはスムーズになります：

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

ボタンクリック時に、ウィンドウを上から 300px の位置までスクロールしてください。

ボタンクリック時に、ウィンドウを最上部までスムーズにスクロールしてください。

ボタンクリック時に、ウィンドウを最下部までスムーズにスクロールしてください。