纯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 asp.net 用json格式返回自定义对象
Apr 07 Javascript
jQuery 瀑布流 绝对定位布局(二)(延迟AJAX加载图片)
May 23 Javascript
使用JS读秒使用示例
Sep 21 Javascript
Javascript实现真实字符串剩余字数提示的实例代码
Oct 22 Javascript
JavaScript AOP编程实例
Jun 16 Javascript
js淡入淡出焦点图幻灯片效果代码分享
Sep 08 Javascript
jQuery使用$.ajax进行即时验证的方法
Dec 08 Javascript
jQuery过滤选择器用法示例
Sep 12 Javascript
vue2.0 keep-alive最佳实践
Jul 06 Javascript
jQuery实现获取table中鼠标click点击位置行号与列号的方法
Oct 09 jQuery
es6数值的扩展方法
Mar 11 Javascript
JS实现基本的网页计算器功能示例
Jan 16 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框架codeigniter中如何使用框架的session
2013/06/24 PHP
Laravel构建即时应用的一种实现方法详解
2017/08/31 PHP
Javascript select控件操作大全(新增、修改、删除、选中、清空、判断存在等)
2008/12/19 Javascript
jquery 图片预加载 自动等比例缩放插件
2008/12/25 Javascript
妙用Jquery的val()方法
2012/06/27 Javascript
jquery 插件学习(五)
2012/08/06 Javascript
Jquery easyui 下loaing效果示例代码
2013/08/12 Javascript
jquery日历控件实现方法分享
2014/03/07 Javascript
鼠标左键单击冲突的问题解决方法(防止冒泡)
2014/05/14 Javascript
jQuery自带的一些常用方法总结
2014/09/03 Javascript
一款基于jQuery的图片场景标注提示弹窗特效
2015/01/05 Javascript
详解微信小程序 template添加绑定事件
2017/06/23 Javascript
从setTimeout看js函数执行过程
2017/12/19 Javascript
js实现导航跟随效果
2018/11/17 Javascript
[46:53]Secret vs Liquid 2019国际邀请赛小组赛 BO2 第一场 8.15
2019/08/17 DOTA
Python里disconnect UDP套接字的方法
2015/04/23 Python
pandas数据集的端到端处理
2019/02/18 Python
总结python中pass的作用
2019/02/27 Python
python中通过selenium简单操作及元素定位知识点总结
2019/09/10 Python
NumPy统计函数的实现方法
2020/01/21 Python
python数据分析工具之 matplotlib详解
2020/04/09 Python
python 实现非极大值抑制算法(Non-maximum suppression, NMS)
2020/10/15 Python
css3圆角样式分享自定义按钮样式
2013/12/27 HTML / CSS
Html5移动端适配IphoneX等机型的方法
2019/06/25 HTML / CSS
介绍一下linux的文件权限
2012/02/15 面试题
生产主管岗位职责
2013/11/10 职场文书
求职推荐信范文
2013/12/01 职场文书
文明教师事迹材料
2014/01/16 职场文书
《三袋麦子》教学反思
2014/03/02 职场文书
安全责任书范本
2014/04/15 职场文书
80后婚前协议书范本
2014/10/24 职场文书
2015欢度元旦标语口号
2014/12/09 职场文书
安全教育日主题班会
2015/08/13 职场文书
MySQL5.7并行复制原理及实现
2021/06/03 MySQL
详解Java实现数据结构之并查集
2021/06/23 Java/Android
JavaScript中的LHS和RHS分析详情
2022/04/06 Javascript