JavaScriptでページをトップに自動スクロールする方法

1. window.scrollTo()メソッドを使用する方法:

   function scrollToTop() {
   window.scrollTo(0, 0);
   }

   上記のコードでは、window.scrollTo()メソッドを使用して、ページの上部にスクロールします。引数の(0, 0)は、スクロール位置をページの左上隅に設定しています。この関数を呼び出すことで、ページはトップにスクロールします。

2. scrollIntoView()メソッドを使用する方法:

   function scrollToTop() {
   const element = document.documentElement;
   element.scrollIntoView({ behavior: 'smooth', block: 'start' });
   }

   上記のコードでは、scrollIntoView()メソッドを使用して、指定した要素までスムーズにスクロールします。document.documentElementはページのルート要素を表します。behavior: 'smooth'を指定することでスクロールがスムーズに行われます。block: 'start'は要素の開始位置までスクロールすることを意味します。この関数を呼び出すことで、ページはトップにスクロールします。

これらの方法を使用すると、JavaScriptを使ってページを自動的にトップにスクロールすることができます。適切な方法を選んで、ウェブサイトやブログに組み込んでみてください。