建站
咨询
售后
建站咨询
JS返回顶部实例代码
本文实例为大家分享了JS返回顶部实例代码，供大家参考，具体内容如下
创新互联公司专业为企业提供托克逊网站建设、托克逊做网站、托克逊网站设计、托克逊网站制作等企业网站建设、网页设计与制作、托克逊企业网站模板建站服务，10余年托克逊做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
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返回顶部实例代码
新闻来源：http://www.jxjierui.cn/article/pghopd.html
