今回はjavascriptのscrollToを使って特定の位置までスクロールさせる方法を紹介します。
scrollToメソッド
window.scrollTo(上からの位置,左からの位置)
スクロールアニメーション
javascript
ボタンをクリックしたら特定の位置までアニメーションでスクロールするサンプルです。
アニメーションでスクロールさせたい場合は behaviorに「smooth」を指定します。
document.getElementById('btn').addEventListener('click', function(e) {
window.scrollTo({
top: 500,
behavior: 'smooth'
});
}, false);
コメント