課程
/前端開發(fā)
/HTML/CSS
/回到頂部效果
你好!我在右邊的資料下載里面下載的源碼怎么沒有js代碼?
2016-08-03
源自:回到頂部效果 4-1
正在回答
你可以在編程軟件里打開文件 ?而不是直接在文件夾里雙擊 ?放在文件夾的是網頁吧?或者你把文件格式改成txt也行,最好是在編程軟件中打開
//頁面加載完畢后觸發(fā) window.onload?=?function(){ var?obtn?=?document.getElementById('btn'); //獲取頁面可視區(qū)的高度 var?clientHeight?=?document.documentElement.clientHeight; var?timer?=?null; var?isTop?=?true; //滾動條滾動時觸發(fā) window.onscroll?=?function(){ var?osTop?=?document.documentElement.scrollTop?||?document.body.scrollTop; if(osTop?>=?clientHeight){ obtn.style.display?=?'block'; }else{ obtn.style.display?=?'none'; } if(!isTop){ clearInterval(timer); } isTop?=?false; } obtn.onclick?=?function(){ //設置定時器 timer?=?setInterval(function(){ //獲取滾動條距離頂部的距離 var?osTop?=?document.documentElement.scrollTop?||?document.body.scrollTop; var?ispeed?=?Math.floor(-osTop?/?6); document.documentElement.scrollTop?=?document.body.scrollTop?=?osTop?+?ispeed; isTop?=?true; if(osTop?==?0){ clearInterval(timer); } },30); } }
自己寫啊
舉報
回到頂部網站不可缺少的一部分,用JS實現(xiàn)炫酷拉風的回到頂部效果
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-09-14
你可以在編程軟件里打開文件 ?而不是直接在文件夾里雙擊 ?放在文件夾的是網頁吧?或者你把文件格式改成txt也行,最好是在編程軟件中打開
2016-08-09
2016-08-04
自己寫啊