js返回顶部
来源:互联网 发布:制作ico图标的软件 编辑:程序博客网 时间:2024/05/29 16:52
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>gundong</title>
</head>
<body>
<div style="height:10000px" >
<button style="position:fixed;top:30px; display:none" id="top">返回顶部</button>
</div>
<script type="text/javascript">
window.onscroll=function(){
yop=document.getElementById('top')
body=document.getElementsByTagName('body')[0].scrollTop
if (body>1000)
{
yop.style.display="block"
}
else{
yop.style.display="none"
}
yop.onclick=function(){
time=setInterval(function(){
body=document.getElementsByTagName('body')[0].scrollTop
ty=body
ty=ty-10
body=document.getElementsByTagName('body')[0].scrollTop=ty
if (ty<30)
{
clearInterval(time)
}
},1)
}
}
</script>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>gundong</title>
</head>
<body>
<div style="height:10000px" >
<button style="position:fixed;top:30px; display:none" id="top">返回顶部</button>
</div>
<script type="text/javascript">
window.onscroll=function(){
yop=document.getElementById('top')
body=document.getElementsByTagName('body')[0].scrollTop
if (body>1000)
{
yop.style.display="block"
}
else{
yop.style.display="none"
}
yop.onclick=function(){
time=setInterval(function(){
body=document.getElementsByTagName('body')[0].scrollTop
ty=body
ty=ty-10
body=document.getElementsByTagName('body')[0].scrollTop=ty
if (ty<30)
{
clearInterval(time)
}
},1)
}
}
</script>
</body>
</html>
阅读全文
0 0
- js返回页面顶部
- js 返回顶部代码
- js 返回顶部
- js返回顶部代码
- Js返回顶部
- js返回顶部
- 返回顶部 js
- js返回顶部
- js返回顶部实例
- 返回顶部js
- JS 返回顶部功能
- js 返回页面顶部
- js实现返回顶部
- js返回顶部
- JS返回页面顶部
- js返回顶部事件
- js返回顶部
- JS返回顶部
- Linux下修改tomcat端口
- Python ----脚本CGI、特点、应用、开发环境
- Kotlin 学习笔记-01
- Android 6.0 API
- Spring Data JPA Specification查询
- js返回顶部
- 微信开发知识
- Android 沉浸状态栏
- h.264的SP/SI 帧技术(SP片或SI宏块的P宏块)
- Spring的Resource接口与ResourceLoader接口理解
- maven 添加自己的包到本地仓库及到项目中
- Android4.4以上的相册,相机图片选择和裁剪
- 基于maven的spring mvc框架引入
- what is maven?