Jquery实现回到顶部
$('document').ready(function(){
var timer = null;
//获取页面可视区域的高度
var clientHeight = $(window).height();
//鼠标向下滑动,出现以及消失
$(window).scroll(function(){
var osTop = $(document).scrollTop();
if(osTop>=800){
$("#btn").css('display','block');
}else{
$("#btn").css('display','none');
}
});
$("#btn").click(function(){
//设置定时器
timer = setInterval(function(){
//获取滚动条高度
var osTop = $(document).scrollTop();
//ispeed 最后等于0
var ispeed = Math.floor(osTop/5);
//实现滚动条每次-100px;直到0;
$(document).scrollTop(osTop-ispeed);
//到0px后清除浮动
//这里osTop==(osTop-ispeed)即ispeed等于0时 条件成立
if(osTop==(osTop-ispeed)){
clearInterval(timer);
}
},30);
});
});