返回顶部注意事项
2014-10-14 23:52
134 查看
<script> // 返回顶部注意事项 var oDiv = document.getElementById('box'); var iTimer = null; var flag = 0; setTop(); //滚动条事件</span> window.onscroll = function(){ //不是定时器触发,清除定时器 if(flag !=1){ clearInterval(iTimer); } flag = 2; setTop(); } oDiv.onclick = function(){ clearInterval(iTimer); var iCur = iSpeed = 0; iTimer = setInterval(function(){ iCur = document.documentElement.scrollTop || document.body.scrollTop; iSpeed = Math.floor((0 - iCur )/8; if(iCur == 0){ clearInterval(iTimer); }else{ document.documentElement.scrollTop = document.body.scrollTop = iCur + iSpeed; //定时器操作标识 flag = 1; },30); } // 算法 = 滚动条高度 + 可视区高度 - 当前对象的高度 function setTop(){ var scrollTop = document.documentElement.scrollTop || document.body.scrollTop; oDiv.style.top = scrollTop + document.documentElement.clientHeight - oDiv.offsetHeight + 'px'; } </script>
相关文章推荐
- 探讨:C++中函数返回引用的注意事项
- .NET MVC3 几种返回 JSON 对象的方式和注意事项
- C#使用ExecuteReader返回DataReader既有查询结果集又有输出参数和返回值的使用注意事项
- C++ 函数返回指针注意事项
- Ajax--json(Ajax调用返回json封装代码、格式及注意事项)
- 程序员之---C语言细节22(函数返回指针注意事项<悬空指针>、查看进程能够分配的内存大小)
- 有关Mysql的mysql_store_result函数返回NULL的情况以及其他注意事项
- mybatis>mapper中直接返回boolean型数据以及相关注意事项
- 返回对应的日期对象的年月日的注意事项
- 函数返回值的注意事项
- 返回指针时注意事项
- 使用 聚合函数(aggregate function)时,SQL语句的返回值的注意事项
- jdbc操作数据库返回结果集的注意事项
- 调试带返回参数的存储过程注意事项
- .NET MVC3 几种返回 JSON 对象的方式和注意事项
- C#使用ExecuteReader返回DataReader既有查询结果集又有输出参数或返回值的使用注意事项
- C++ 返回对象时的注意事项
- php引用(&)详解及注意事项——引用返回function &a();&a()
- .NET MVC3 几种返回 JSON 对象的方式和注意事项
- 函数返回引用的注意事项