Javascript返回顶部

2024-08-26 13:53:35

控制按钮下拉到达一定距离时显示，返回顶层时消失，用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>

最新文章

热门文章