//返回顶部
//获取返回顶部元素
var backtop = document.getElementById('backtop');
var timer = null ;
var isTop = true;
//获取页面可视高度
var clientHeight = document.documentElement.clientHeight;
window.onscroll = function() {
//当滚动条滑至第二屏显示元素,否则隐藏
var topHeight = document.body.scrollTop || document.documentElement.scrollTop;
if(topHeight >= clientHeight){
backtop.style.display = 'block';
}else{
backtop.style.display = 'none';
}
//当用户在返回顶部的中途滑动滚动条使其停止
if(!isTop){
clearInterval(timer);
}
isTop = false;
}
//点击返回顶部,设置定时器,以及向上滑动的速度
backtop.onclick = function() {
timer = setInterval(function(){
var topHeight = document.body.scrollTop || document.documentElement.scrollTop;
v
js实现回到顶部
最新推荐文章于 2024-03-19 10:15:00 发布