返回顶部
来源:互联网 发布:苹果手机还原网络 编辑:程序博客网 时间:2024/05/17 03:38
<div style="display: none" id="goTopBtn"><img border="0" src="<%=request.getContextPath() %>/images/5-120601160002-50.png" /></div> <script type=text/javascript>goTopEx();</script>
// 返回顶部function goTopEx() { var obj = document.getElementById("goTopBtn"); function getScrollTop() { return document.documentElement.scrollTop + document.body.scrollTop; } function setScrollTop(value){ if (document.documentElement.scrollTop){ document.documentElement.scrollTop = value; }else{ document.body.scrollTop = value; }}window.onscroll = function() { getScrollTop() > 0 ? obj.style.display = "": obj.style.display = "none"; } obj.onclick = function() { var goTop = setInterval(scrollMove, 10); function scrollMove(){ setScrollTop(getScrollTop() / 1.1); if (getScrollTop() < 1) clearInterval(goTop); }} }
/*返回顶部按钮样式*/#goTopBtn {position: fixed;text-align: center;line-height: 30px;width: 30px;bottom: 35px;height: 33px;font-size: 12px;cursor: pointer;right: 100px;_position: absolute;_right: auto}
0 0
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- 返回顶部
- Python获取本机IP、计算机名、mac地址
- jquery.extend详析
- lua 中pairs 和 ipairs区别
- Autolayout使用详细介绍
- Jquery SerializeObject - 将form表单转化成Javascript object
- 返回顶部
- 天猫发布2015年服务新标准使出三大法宝四大利器
- EhCache缓存系统在集群环境中的使用详解
- ViewHolder模式超简洁写法,很cool!
- BIM协同平台的出现,会使BIM模型替代CAD图形吗?
- Android APK反编译 详解
- 优化网站设计(三十五):避免将img的src属性设置为空白
- 垂直中心扭曲
- 用线程池实现多线程向同一个文件写入数据