原生js-返回顶部
2024-10-15 23:30:46
html部分:
<body style="height:2000px">
<div id="div1">
返回顶部
</div>
</body>
css部分:
#div1{
position:fixed;
_position:absolute;
right:0;
bottom:0;
width:200px;
height:200px;
background:#f00;
display:none;
}
js部分:
window.onscroll=function(){
if(-[1,]){
var y=window.pageYOffset;
}else{
var y=document.documentElement.scrollTop;
}
var div1=document.getElementById("div1");
if(y>=150){
div1.style.display="block";
}else{
div1.style.display="none";
}
div1.onclick=function(){
window.scrollTo(0,0);
}
}
最新文章
- 关于Delphi中多线程传递参数的简单问题
- iOS NSURLConnection 和 dispatch_async 错误的使用方法,导致回调方法无法调用
- oracle中清空表数据的两种方法
- mysql+tomcat+spring 配置心得(从0开始搭环境)
- YUV422/YUV420播放
- ES6入门之Symbol
- Unity3D脚本中文系列教程(十二)
- 日志分析(三) kibana数据展示
- php与ajax交互中文乱码(字符串转化)
- 树形dp-CF-337D. Book of Evil
- 超级密码(bfs)
- python defaultdict 类型
- 解决将/etc/passwd文件中1000改为0后只能guest进入系统的问题 ||ubuntu下将普通用户权限升级为root用户权限的方法;
- 树莓派+花生棒+leanote搭建自己的笔记服务器
- Jenkins持续集成学习-Windows环境进行.Net开发4
- Linux查看系统中socket状态
- iOS开发-App Icons的尺寸大小
- RESTful Web服务的操作
- dubbo在eclipse中无法读取到dubbo.xsd
- P4145 上帝造题的七分钟2