JavaScript如何實現(xiàn)返回頂部的通用方法

這篇文章主要介紹JavaScript如何實現(xiàn)返回頂部的通用方法，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)公司專業(yè)為企業(yè)提供六合網(wǎng)站建設(shè)、六合做網(wǎng)站、六合網(wǎng)站設(shè)計、六合網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁設(shè)計與制作、六合企業(yè)網(wǎng)站模板建站服務(wù)，十余年六合做網(wǎng)站經(jīng)驗，不只是建網(wǎng)站，更提供有價值的思路和整體網(wǎng)絡(luò)服務(wù)。

返回頂部的通用方法

function backTop(btnId) {
 var btn = document.getElementById(btnId);
 var d = document.documentElement;
 var b = document.body;
 window.set;
 btn.style.display = "none";
 btn.{
   btn.style.display = "none";
   window.null;
   this.timer = setInterval(function() {
     d.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1);
     b.scrollTop -= Math.ceil((d.scrollTop + b.scrollTop) * 0.1);
     if (d.scrollTop + b.scrollTop == 0)
       clearInterval(btn.timer, (window.set));
   }, 10);
 };
 function set() {
   btn.style.display = d.scrollTop + b.scrollTop > 100 ? "block" : "none";
 }
}
backTop("goTop");

以上是“JavaScript如何實現(xiàn)返回頂部的通用方法”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對大家有幫助，更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

分享標題：JavaScript如何實現(xiàn)返回頂部的通用方法
URL網(wǎng)址：http://muchs.cn/article0/igejio.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、網(wǎng)站設(shè)計、服務(wù)器托管、搜索引擎優(yōu)化、品牌網(wǎng)站制作、ChatGPT

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)