0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

javascriptでスクロールさせる

Posted at

ページトップまでスクロールさせる方法を検索しました。jQueryでの実装方法ならたくさん出ましたが、Vanilla JSで実装しているのはなかなか見つけられなかったので、メモします。

const scrollBtn = document.querySelector('.scroll-btn');
scrollBtn.addEventListener('click', () => {
  window.scrollTo({
    top: 0,
    behavior: "smooth"
  });
});

上記のコードでトップまでスクロールできます。
こちらの参考サイトのようにtopを要素の値の座標の値にすれば、特定の位置までのスクロールも可能です。

参考

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?