一番上までスムーズにスクロールするには、scrollTo を使用します。

プロジェクト ページの右下隅に戻るボタンがあるので、それをクリックして上までスクロールします。
最初はアニメーションを使おうと思ったのですが、アニメーションを使うとスクロール時間が固定されてしまい、スクロールが早くなったり遅くなったりするのではないかと思いました。
では、ページを上部までスムーズにスクロールさせる方法はあるのでしょうか?
答えは、window.scrollTo(options) メソッドを使用することです。options は 3 つの属性を持つオブジェクトです:
top は y-coord に相当します
left は x-coord に相当します
動作タイプ String で、スクロール動作を示し、パラメータ スムーズ (smooth) をサポートしますスクロール)、インスタント(インスタントスクロール)、デフォルト値は自動(インスタントに相当)、
ここでは一番上までスムーズにスクロールしたいので、スムーズパラメータを使用します

window.scrollTo({
  top:0,
  behavior:'smooth'
})

おすすめ

転載: blog.csdn.net/weixin_53841730/article/details/127667366