本文主要為大家詳細介紹了JS返回頂部實例代碼,具有一定的參考價值,有興趣的小伙伴們可以參考一下,希望能幫助到大家。
本文實例為大家分享了JS返回頂部實例程式碼,供大家參考,具體內容如下
#html/css部分
JS部分
window.onload=function(){ var obtn=document.getElementById("btn"); var clientHeight=document.documentElement.clientHeight||ocument.body.clientHeight; var isTop=true; var timer=null; window.onscroll=function(){ var topH=document.documentElement.scrollTop||document.body.scrollTop; if(topH>clientHeight){ obtn.style.display="block"; }else{ obtn.style.display="none"; } } obtn.onclick=function(){ timer=setInterval(function(){ var topH=document.documentElement.scrollTop||document.body.scrollTop; var stepLength=Math.ceil(topH/5); document.documentElement.scrollTop=document.body.scrollTop=topH-stepLength; if(topH==0){ clearInterval(timer); } },30); } }
相關推薦:
以上是JS回傳頂部實例分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!