纯js实现页面返回顶部的动画(超简单)


Posted in Javascript onAugust 10, 2017

废话不多说,直接上代码

var scrollTop = document.body.scrollTop;
  document.body.style.marginTop = -scrollTop + 'px';
  document.body.scrollTop = 0;
  document.body.style.transition = 'all 1s ease-in-out';
  document.body.style.marginTop = 0;
  setTimeout(function () { document.body.style.transition = 'none'; }, 1000);

以上这篇纯js实现页面返回顶部的动画(超简单)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jQuery学习笔记之DOM对象和jQuery对象
Dec 22 Javascript
js禁止document element对象选中文本实现代码
Mar 21 Javascript
jquery实现input输入框实时输入触发事件代码
Jan 28 Javascript
JavaScript实现多个重叠层点击切换效果的方法
Apr 24 Javascript
使用jquery插件qrcode生成二维码
Oct 22 Javascript
让浏览器崩溃的12行JS代码(DoS攻击分析及防御)
Oct 10 Javascript
jQuery实现文章图片弹出放大效果
Apr 06 jQuery
浅谈vue中.vue文件解析流程
Apr 24 Javascript
JS非行间样式获取函数的实例代码
Jun 05 Javascript
解决vuex数据异步造成初始化的时候没值报错问题
Nov 13 Javascript
Vue使用富文本编辑器Vue-Quill-Editor(含图片自定义上传服务、清除复制粘贴样式等)
May 15 Javascript
VUE异步更新DOM - 用$nextTick解决DOM视图的问题
Nov 06 Javascript
基于daterangepicker日历插件使用参数注意的问题
Aug 10 #Javascript
通过示例彻底搞懂js闭包
Aug 10 #Javascript
用js屏蔽被http劫持的浮动广告实现方法
Aug 10 #Javascript
JS实现下拉菜单列表与登录注册弹窗效果
Aug 10 #Javascript
浅谈sass在vue注意的地方
Aug 10 #Javascript
详解jQuery同步Ajax带来的UI线程阻塞问题及解决办法
Aug 09 #jQuery
Angular 2.0+ 的数据绑定的实现示例
Aug 09 #Javascript
You might like
深入解析PHP中逗号与点号的区别
2013/08/05 PHP
九个你必须知道而且又很好用的php函数和特点
2013/08/08 PHP
php中addslashes函数与sql防注入
2014/11/17 PHP
php动态添加url查询参数的方法
2015/04/14 PHP
PHP在弹框中获取foreach中遍历的id值并传递给地址栏
2017/06/13 PHP
PHP更安全的密码加密机制Bcrypt详解
2017/06/18 PHP
PHP基于堆栈实现的高级计算器功能示例
2017/09/15 PHP
PHP使用微信开发模式实现搜索已发送图文及匹配关键字回复的方法
2017/09/13 PHP
不用写JS也能使用EXTJS视频演示
2008/12/29 Javascript
Javascript 面向对象 命名空间
2010/05/13 Javascript
IE6下通过a标签点击切换图片的问题
2010/11/14 Javascript
javascript重复绑定事件造成的后果说明
2013/03/02 Javascript
javascript阻止浏览器后退事件防止误操作清空表单
2013/11/22 Javascript
基于jQuery实现的扇形定时器附源码下载
2015/10/20 Javascript
AngularJs ng-repeat 嵌套如何获取外层$index
2016/09/21 Javascript
利用纯Vue.js构建Bootstrap组件
2016/11/03 Javascript
BootStrap实现响应式布局导航栏折叠隐藏效果(在小屏幕、手机屏幕浏览时自动折叠隐藏)
2016/11/30 Javascript
详解angular中的作用域及继承
2017/05/31 Javascript
详解如何使用Node.js编写命令工具——以vue-cli为例
2017/06/29 Javascript
Vue项目服务器部署之子目录部署方法
2019/05/12 Javascript
layui使用button按钮 点击出现弹层 弹层中加载表单的实例
2019/09/04 Javascript
解析Python中的eval()、exec()及其相关函数
2017/12/20 Python
Python实现获取本地及远程图片大小的方法示例
2018/07/21 Python
python re正则匹配网页中图片url地址的方法
2018/12/20 Python
keras 模型参数,模型保存,中间结果输出操作
2020/07/06 Python
python re的findall和finditer的区别详解
2020/11/15 Python
Python 带星号(* 或 **)的函数参数详解
2021/02/23 Python
ProBikeKit德国:在线公路自行车专家
2018/06/03 全球购物
分厂厂长岗位职责
2013/12/29 职场文书
抗洪抢险事迹材料
2014/05/06 职场文书
国庆节演讲稿
2014/05/27 职场文书
法院干警四风问题自我剖析材料
2014/09/29 职场文书
班级光棍节联谊会策划书
2014/10/10 职场文书
热血教师观后感
2015/06/10 职场文书
签证扫盲贴,41个常见签证知识,需要的拿走
2019/08/09 职场文书
Windows10下安装MySQL8
2021/04/06 MySQL