纯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自适应IFrame高度(支持嵌套 兼容IE,ff,safafi,chrome)
Mar 28 Javascript
javascript 获取图片尺寸及放大图片
Sep 04 Javascript
jQuery 获取浏览器所在的IP地址的小例子
Nov 08 Javascript
jQuery制作的别致导航有阴影背景高亮模式窗口
Apr 15 Javascript
JavaScript基于Dom操作实现查找、修改HTML元素的内容及属性的方法
Jan 20 Javascript
php 修改密码实现代码
May 24 Javascript
JS实现显示当前日期的实例代码
Jul 03 Javascript
JS中判断字符串存在和非空的方法
Sep 12 Javascript
vue-cli3中vue.config.js配置教程详解
May 29 Javascript
node使用mysql获取数据库数据中文乱码问题的解决
Dec 02 Javascript
jquery选择器和属性对象的操作实例分析
Jan 10 jQuery
js实现简单放大镜效果
Mar 07 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 模拟$_PUT实现代码
2010/03/15 PHP
PHP 作用域解析运算符(::)
2010/07/27 PHP
PHP filter_var() 函数 Filter 函数
2012/04/25 PHP
PHP的加密方式及原理
2012/06/14 PHP
php轻松实现中英文混排字符串截取
2014/05/28 PHP
YII模块实现绑定二级域名的方法
2014/07/09 PHP
PHP实现利用MySQL保存session的方法
2014/08/23 PHP
windows下配置php5.5开发环境及开发扩展
2014/12/25 PHP
PHP常用算法和数据结构示例(必看篇)
2017/03/15 PHP
javascript判断单选框或复选框是否选中方法集锦
2007/04/04 Javascript
javascript JSON操作入门实例
2010/04/16 Javascript
File, FileReader 和 Ajax 文件上传实例分析(php)
2011/04/27 Javascript
js与jquery中获取当前鼠标的x、y坐标位置的代码
2011/05/23 Javascript
javascript中使用new与不使用实例化对象的区别
2015/06/22 Javascript
javascript基础语法学习笔记
2016/01/04 Javascript
bootstrap下拉列表与输入框组结合的样式调整
2016/10/08 Javascript
微信开发 js实现tabs选项卡效果
2016/10/28 Javascript
Html5+jQuery+CSS制作相册小记录
2016/12/30 Javascript
js实现导航栏中英文切换效果
2017/01/16 Javascript
js CSS3实现卡牌旋转切换效果
2017/07/04 Javascript
详解vue之自行实现派发与广播(dispatch与broadcast)
2021/01/19 Vue.js
python使用ctypes模块调用windowsapi获取系统版本示例
2014/04/17 Python
用 Python 连接 MySQL 的几种方式详解
2018/04/04 Python
pandas DataFrame 行列索引及值的获取的方法
2019/07/02 Python
python中return如何写
2020/06/18 Python
PIP和conda 更换国内安装源的方法步骤
2020/09/21 Python
css3与html5实现响应式导航菜单(导航栏)效果分享
2014/02/12 HTML / CSS
css3实现可拖动的魔方3d效果
2019/05/07 HTML / CSS
爱奇艺VIP会员:大剧抢先看
2018/07/11 全球购物
马来西亚排名第一的宠物用品店:Pets Wonderland
2020/04/16 全球购物
2014信息技术专业毕业生自我评价
2014/01/17 职场文书
加拿大探亲邀请信
2014/01/28 职场文书
奥巴马胜选演讲稿
2014/05/15 职场文书
医院合作意向书范本
2015/05/08 职场文书
幼儿园中班教育随笔
2015/08/14 职场文书
TypeScript实用技巧 Nominal Typing名义类型详解
2022/09/23 Javascript