纯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的Theme和Theme Switcher使用小结
Sep 08 Javascript
调试Node.JS的辅助工具(NodeWatcher)
Jan 04 Javascript
二叉树的非递归后序遍历算法实例详解
Feb 07 Javascript
Javascript中的包装类型介绍
Apr 02 Javascript
全面理解JavaScript中的继承(必看)
Jun 16 Javascript
javascript设计模式之策略模式学习笔记
Feb 15 Javascript
JS字符串false转boolean的方法(推荐)
Mar 08 Javascript
Vue keep-alive实践总结(推荐)
Aug 31 Javascript
vue使用xe-utils函数库的具体方法
Mar 06 Javascript
node中的session的具体使用
Sep 14 Javascript
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
May 14 Javascript
element-ui如何防止重复提交的方法步骤
Dec 09 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安全技术之 实现php基本安全
2010/09/04 PHP
解析PHP中empty is_null和isset的测试
2013/06/29 PHP
浅谈php自定义错误日志
2015/02/13 PHP
PHP session文件独占锁引起阻塞问题解决方法
2015/05/12 PHP
php调用淘宝开放API实现根据卖家昵称获取卖家店铺ID的方法
2015/07/29 PHP
php实现HTML实体编号与非ASCII字符串相互转换类实例
2016/11/02 PHP
thinkphp5.0自定义验证规则使用方法
2017/11/16 PHP
浅析PHP类的反射来实现依赖注入过程
2018/02/06 PHP
php装饰者模式简单应用案例分析
2019/10/23 PHP
仿校内登陆框,精美,给那些很厉害但是没有设计天才的程序员
2008/11/24 Javascript
Javascript处理DOM元素事件实现代码
2012/05/23 Javascript
Node.js异步I/O学习笔记
2014/11/04 Javascript
js中document.write的那点事
2014/12/12 Javascript
程序员必知35个jQuery 代码片段
2015/11/05 Javascript
利用HTML5+Socket.io实现摇一摇控制PC端歌曲切换
2017/01/13 Javascript
原生javascript实现分页效果
2017/04/21 Javascript
PostgreSQL Node.js实现函数计算方法示例
2019/02/12 Javascript
python读取二进制mnist实例详解
2017/05/31 Python
win10系统下python3安装及pip换源和使用教程
2020/01/06 Python
Python json读写方式和字典相互转化
2020/04/18 Python
Python基于进程池实现多进程过程解析
2020/04/30 Python
Django admin管理工具TabularInline类用法详解
2020/05/14 Python
python代码如何注释
2020/06/01 Python
pyspark对Mysql数据库进行读写的实现
2020/12/30 Python
css3 响应式媒体查询的示例代码
2019/09/25 HTML / CSS
CSS3实现曲线阴影和翘边阴影
2016/05/03 HTML / CSS
Marks & Spencer爱尔兰:英国马莎百货
2016/04/20 全球购物
美国第一个网上卖鞋零售商:OnlineShoes.com
2017/09/24 全球购物
澳大利亚网上玩具商店:Mr Toys Toyworld
2018/03/25 全球购物
在C++ 程序中调用被C 编译器编译后的函数,为什么要加extern "C"
2014/08/09 面试题
美工的岗位职责
2013/11/14 职场文书
个人简历中的自我评价怎么写
2014/01/26 职场文书
《雪地里的小画家》教学反思
2014/02/22 职场文书
大型营销活动计划书
2014/04/28 职场文书
2016大学生暑期三下乡心得体会
2016/01/23 职场文书
Python中的datetime包与time包包和模块详情
2022/02/28 Python