最近、私は主要なウェブサイトのページスタイルと相互作用を模倣しており、それらの多くがトップに戻る必要性があることを発見したので、JSについて書き、それを録音しました。
アニメーション効果が高速から遅くまで効果的であり、スクロールバーを引き下げてスクロールをいつでも停止することがわかりました。 IMOOCの関連コースについて言及し、最後に次のようにJSコードを実装しました。
// window.onload = function(){var btn = document.getElementById( 'btn'); varタイマー= null; var istop = true; //ページ表示エリアの高さvar clientheight = document.documentlement.clientheight;を取得します。 // window.onscroll = function(){//上部に戻るvar ostop = document.documentlement.scrolltop || document.body.scrolltop; if(ostop> = clientheight){btn.style.display = "block"; } else {btn.style.display = "none"; }; //上部に戻るプロセスで、ユーザーはスクロールバーをスクロールし、(!istop){clearInterval(タイマー); }; istop = false; }; btn.onclick = function(){// Set Timer Timer = setInterval(function(){//上部からスクロールバーの高さを取得しますvar ostop = document.documentlement.scrolltop || document.body.scrolltop; Ostop+Ispeed; };};ページの上部に戻るJSのアニメーション効果の上記の簡単な例は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。