好资源导航 » 文章资讯 » JS返回顶部实例代码

JS返回顶部实例代码

2023-09-22 19:34:06 63

本文实例为大家分享了JS返回顶部实例代码，供大家参考，具体内容如下

html/css部分





Document

JS部分

window.onload=function(){
varobtn=document.getElementById("btn");
varclientHeight=document.documentElement.clientHeight||ocument.body.clientHeight;
varisTop=true;
vartimer=null;
window.onscroll=function(){
vartopH=document.documentElement.scrollTop||document.body.scrollTop;
if(topH>clientHeight){
obtn.style.display="block";
}else{
obtn.style.display="none";
}
}
obtn.onclick=function(){
timer=setInterval(function(){
vartopH=document.documentElement.scrollTop||document.body.scrollTop;
varstepLength=Math.ceil(topH/5);
document.documentElement.scrollTop=document.body.scrollTop=topH-stepLength;
if(topH==0){
clearInterval(timer);
}
},30);
}
}

学习视频地址

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持毛票票。

返回顶部
514930285
czq8825@qq.com

JS返回顶部实例代码

热门推荐

随机推荐