最近、私は主要なウェブサイトのページスタイルと相互作用を模倣しており、それらの多くがトップに戻る必要性があることを発見したので、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をもっとサポートできることを願っています。