私は最近フロントエンドプロジェクトに取り組んでおり、多くのプロジェクトにはトップに戻るための要件があります。以下にJSコードを書き、将来の検索を容易にするためにそれを記録します。
アニメーション効果が高速から遅くまで効果的であり、スクロールバーを引き下げてスクロールをいつでも停止することがわかりました。 IMOOCの関連コースについて言及し、最後に次のようにJSコードを実装しました。
// window.onload = function（）{var btn = document.getelementbyid（ 'btn'）; var timer = null; var istop = true; //ページ表示領域の高さvar clientheight.documentelement.clientheight; // trigger windol.onscroll = fuctions document.documentlement.scrolltop || document.body.scrolltop; if（ostop> = clientheight）{btn.style.display = "block";} else {btn.style.display = "none";}; //トップに戻ると、ユーザーはスクロールをスクロールして止めます。 false;}; btn.onclick = function（）{// Set Timer Timer = setInterval（）{//上部からスクロールバーの高さを取得しますvar ostop = document.documentelement.scrolltop || document.body.scrolltop; var ispeed = math.floor（-ostop/7）; documenteletop = documenteletop document.body.scrolltop = ostop+ispeed; //上部に追加、タイマーをクリアする場合は（ostop == 0）{clearInterval（タイマー）;}; iStop = true;}、30）;};};};上記のコンテンツは、JavaScriptベースの実装に基づいたアニメーションコードです。エディターが紹介したページの上部に戻ります。コードはシンプルで理解しやすいです。あなたに添付されたコメントはあまりありません。参照プロセス中に質問が見つかった場合は、メッセージを残してください。編集者は時間内に返信します！