基于javascript实现回到页面顶部动画代码

《基于javascript实现回到页面顶部动画代码》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解基于JavaScript实现回到页面顶部动画代码　　这篇文章主要介绍了基于JavaScript实现回到页面顶部动画代码的相关资料,代码简单易用，非常实用，需要的朋友可以参考下　　最近做的都是前端的项目，很多项目都有回到顶部的需求，下面把我写js代码做个笔录，方便以后查找。　　发现还可以添加从快到慢的动画效果和随时下拉滚动条停止滚动的功能，参考了imooc上相关课程，最终实现JS代码如下：　　//页面加载后触发　　window.onload=fu

2、nction(){　　varbtn=document.getElementById('btn');　　vartimer=null;　　varisTop=true;　　//获取页面可视区高度　　varclientHeight=document.documentElement.clientHeight;　　//滚动条滚动时触发　　window.onscroll=function(){　　//显示回到顶部按钮　　varosTop=document.documentElement.scrollTop

3、

4、对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国

5、共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解document.body.scrollTop;　　if(osTop>=clientHeight){　　btn.style.display="block";　　}else{　　btn.style.display="none";　　};　　//回到顶部过程中用户滚动滚动条，停止定时器　　if(!isTop){　　clearInterval(timer);　　};　　isTop=false;　　};　　btn.

6、onclick=function(){　　//设置定时器　　timer=setInterval(function(){　　//获取滚动条距离顶部高度　　varosTop=document.documentElement.scrollTop

7、

8、document.body.scrollTop;　　varispeed=Math.floor(-osTop/7);　　document.documentElement.scrollTop=document.body.scrollTop=osTop+ispeed;　　//到达顶部，清除定时器对党的认识也有了进一步的提高。才真正体会到了中国共产党的

9、伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的忠实代表我真正系统地接触和学习党的基本知识是在这次中级党校的培训班上。通过学习，了解了党的发展历程，对党的性质、宗旨、任务等基本知识有了进一步的了解　　if(osTop==0){　　clearInterval(timer);　　};　　isTop=true;　　},30);　　};　　};　　以上内容是小编给大家介绍的基于JavaScript实现回到页面顶部动画代码，代码简单易懂，所有没给大家附太多的注释对党的认识也有了进一步的提高。才真正体会到了中国共产党的伟大、光荣和正确，更感到只有中国共产党是全中国最广大人民利益的

10、忠实代表