控制按钮下拉到达一定距离时显示,返回顶层时消失,用JS中的延时定时器来模拟滚动条效果
<script type="text/javascript">
window.onscroll=function(){
//获取当前页面的滚动条纵坐标位置
if(document.documentElement.scrollTop || document.body.scrollTop > 200){
document.getElementById("top").style.display = "block";
}else{
document.getElementById("top").style.display = "none";
}
}
function upScroll(){
window.scrollBy(0,-80);//用scrollby来设定滚动条滑动的像素数
var timerUp = setTimeout("upScroll()",50);//启动定时器
var upFinish = document.documentElement.scrollTop || document.body.scrollTop;//获取页面高度
if(upFinish == 0){
clearTimeout(timerUp);//停止定时器
}
}
</script>