【javascript】scrollToを使って特定の位置までスクロールさせる

今回はjavascriptのscrollToを使って特定の位置までスクロールさせる方法を紹介します。

scrollToメソッド

window.scrollTo(上からの位置,左からの位置)

スクロールアニメーション

javascript

ボタンをクリックしたら特定の位置までアニメーションでスクロールするサンプルです。

アニメーションでスクロールさせたい場合は behaviorに「smooth」を指定します。

document.getElementById('btn').addEventListener('click', function(e) {
	window.scrollTo({
		top: 500,

		behavior: 'smooth'
	});
}, false);

サンプル

コメント

タイトルとURLをコピーしました