JS返回页面顶部
来源:互联网 发布:湖南文宇网络 编辑:程序博客网 时间:2024/06/05 01:12
今天看了《JavaScript编程精解》的 滚动事件后,想用JS实现点击按钮返回到页面顶部,下面是具体的代码:
<style> .btn { width: 50px; height: 50px; position: fixed; top: 10px; right: 10px; background: blue; } body { height: 2000px; }</style><button id="return_top" class="btn">返回页面顶部</button><script>function pageScroll() { window.scrollBy(0,-100); var scrolldelay = setTimeout('pageScroll()',100); if (pageYOffset === 0) { clearTimeout(scrolldelay); } }var btn = document.getElementById("btn");btn.onclick = pageScroll;</script>
scrollBy(xnum, ynum) 方法可把内容滚动指定的像素数;
pageYOffset为当前滚动位置,当滚动位置到达顶部便取消定时任务
0 0
- js返回页面顶部
- js 返回页面顶部
- JS返回页面顶部
- js 浮动返回页面顶部
- JS实现返回页面顶部
- js 返回页面顶部 代码
- js实现返回页面顶部
- 滚动返回页面顶部的JS特效
- JS实现让页面返回顶部
- js返回页面顶部的方法
- js常用实现返回页面顶部
- scrollUp.js Javascript/jQuery 页面返回顶部
- Web JS实现页面返回顶部
- JS实现让页面返回顶部
- 返回页面顶部模块
- 返回页面顶部
- jquery返回页面顶部
- jquery返回页面顶部
- 数据挖掘第一世——产生的背景
- VMware与USB3.0不解情缘(此文献给win7系统只有usb3.0口死活与虚拟机连不上的朋友们)
- 自我的剖析
- 二分
- tomcat端口修改
- JS返回页面顶部
- CS231n课程笔记7:卷积神经网络入门
- postman 中的 form-data、x-www-form-urlencoded、raw、binary的区别
- JVM学习笔记——线程安全与锁优化
- Python程序debug出错 pydev debugger: starting
- fragment静态传值
- 公司存在的意义
- K-diff Pairs in an Array
- 深度学习之图像修复