弹性返回顶部JS代码
来源:互联网 发布:家电遥控器软件 编辑:程序博客网 时间:2024/06/05 07:58
css代码:
#back-to-top{
position: fixed;
text-align: center;
line-height: 30px;
width: 30px;
bottom: 35px;
height: 33px;
display:none
}
<body style="text-align:center">
<div style="display: none" id="back-to-top"><img border=0 src="images/top.jpg"></div>
<SCRIPT type=text/javascript>goTopEx();</SCRIPT>
</body>
JS代码:
function goTopEx(){
var obj=document.getElementById("back-to-top");
function getScrollTop(){
return document.documentElement.scrollTop;
}
function setScrollTop(value){
document.documentElement.scrollTop=value;
}
window.onscroll=function(){getScrollTop()>100?obj.style.display="block":obj.style.display="none";}
obj.onclick=function(){
var goTop=setInterval(scrollMove,10);
function scrollMove(){
setScrollTop(getScrollTop()/1.1);
if(getScrollTop()<1)clearInterval(goTop);
}
}
}
0 0
- 弹性返回顶部JS代码
- 简单的弹性返回顶部JS代码
- 弹性返回顶部代码
- 一个简单的 弹性返回顶部JS代码
- js 返回顶部代码
- js返回顶部代码
- js 返回顶部效果代码
- js 返回页面顶部 代码
- 返回顶部js代码jquery版本
- js,javascript,jquery网页返回顶部代码
- 纯css+js打造返回顶部代码
- js返回页面顶部
- js 返回顶部
- Js返回顶部
- js返回顶部
- 返回顶部 js
- js返回顶部
- js返回顶部实例
- 多网卡指定网卡发送数据包 C# 实现代码
- 当文本框中的值更改时自动触发的函数
- Eclipse转Intellij IDEA杂记
- Gradle For Android(三)Gradle优化与灵活的使用技巧
- css清除浮动大全,共8种方法
- 弹性返回顶部JS代码
- 如何获取指定id的下一个标签
- asp.net中处理表单数据
- JS读取并输出xml文件节点及属性(兼容IE,FF)
- hibernate的一些零碎问题
- 支付宝接口程序、文档及解读(ASP.NET)
- IDataParameter[]使用
- Request.Params用法
- CSS 多浏览器兼容性问题及解决方案