JavaScriptでWebページのトップに戻る機能を実装する_javascriptスキル

多くの Web ページは下部に「トップに戻る」ボタンを配置しますが、特にページ下部にナビゲーションのない Web ページでは、これにより訪問者がナビゲーションを再度見つけたり、広告を確認したりすることができます (なんと素晴らしいアイデアでしょう)。近年JavaScriptが普及し、スライドエフェクトが随所に使われるようになったので、それに倣ってトップに戻る機能もスライドエフェクトにしました。その後、物理的特性に合わせて、減速スライド効果を持たせるように改良されました。
まず原理について説明します。スクロール バーからページの上部までの距離を取得し、次に一定の距離だけ上に移動してから、スクロール バーからページの上部までの距離を取得します。一定の距離だけ上に移動します (前回よりも少し小さくなります)。

コードをコピーしますコードは次のとおりです。

document .documentElement.scrollTop、document.body.scrollTop、window.scrollY は実際には同じですが、一部のブラウザでのみ機能します。どのブラウザでどれが動作するかについては、自分でデバッグできます。
使い方は？

コードをコピー

コードは次のとおりです:TOP