纯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 相关文章推荐
WordPress 插件——CoolCode使用方法与下载
Jul 02 Javascript
JS小功能(操作Table--动态添加删除表格及数据)实现代码
Nov 28 Javascript
javascript实现将文件保存到本地方法汇总
Jul 26 Javascript
jQuery实现HTML表格单元格的合并功能
Apr 06 Javascript
原生JS封装ajax 传json,str,excel文件上传提交表单(推荐)
Jun 21 Javascript
jQuery实现点击行选中或取消CheckBox的方法
Aug 01 Javascript
前端程序员必须知道的高性能Javascript知识
Aug 24 Javascript
常用jQuery选择器汇总
Feb 02 Javascript
Vue中添加过渡效果的方法
Mar 16 Javascript
Vue中的作用域CSS和CSS模块的区别
Oct 09 Javascript
JavaScript判断数组类型的方法
Oct 23 Javascript
JavaScript实现多球运动效果
Sep 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
PHILIPS D1835/D1875的电路分析与打理
2021/03/02 无线电
php 数组的合并、拆分、区别取值函数集
2010/02/15 PHP
PHP自动重命名文件实现方法
2014/11/04 PHP
PHP连接MYSQL数据库实例代码
2016/01/20 PHP
通过jQuery打造支持汉字,拼音,英文快速定位查询的超级select插件
2010/06/18 Javascript
ExtJs的Date格式字符代码
2010/12/30 Javascript
javascript搜索框效果实现方法
2015/05/14 Javascript
js实现简单秒表走动的时钟特效
2020/03/25 Javascript
完美实现八种js焦点轮播图(上篇)
2016/07/18 Javascript
微信小程序 Image API实例详解
2016/09/30 Javascript
浅谈js函数的多种定义方法与区别
2016/11/29 Javascript
Node.js用readline模块实现输入输出
2016/12/16 Javascript
使用UrlConnection实现后台模拟http请求的简单实例
2017/01/04 Javascript
Vue的百度地图插件尝试使用
2017/09/06 Javascript
详解vue+css3做交互特效的方法
2017/11/20 Javascript
vue2.0 elementUI制作面包屑导航栏
2018/02/22 Javascript
JS实现根据指定值删除数组中的元素操作示例
2018/08/02 Javascript
浅谈发布订阅模式与观察者模式
2019/04/09 Javascript
node.JS事件机制与events事件模块的使用方法详解
2020/02/06 Javascript
Node登录权限验证token验证实现的方法示例
2020/05/25 Javascript
浅析JavaScript 函数柯里化
2020/09/08 Javascript
Python 模块EasyGui详细介绍
2017/02/19 Python
Python 多个图同时在不同窗口显示的实现方法
2019/07/07 Python
在python中用url_for构造URL的方法
2019/07/25 Python
matplotlib.pyplot.plot()参数使用详解
2020/07/28 Python
Pycharm在指定目录下生成文件和删除文件的实现
2020/12/28 Python
调用HTML5的Canvas API绘制图形的快速入门指南
2016/06/17 HTML / CSS
比驿:全球酒店比价网
2018/06/20 全球购物
乌克兰品牌化妆品和香水在线商店:Bomond
2020/01/14 全球购物
个人工作表现评价材料
2014/09/21 职场文书
副总经理党的群众路线教育实践活动个人对照检查材料思想汇报
2014/10/06 职场文书
工作收入住址证明
2014/10/28 职场文书
学生个人总结范文
2015/02/15 职场文书
外科护士长工作总结
2015/08/12 职场文书
海贼王十大潜力果实,路飞仅排第十,第一可毁世界(震震果实)
2022/03/18 日漫
springboot入门 之profile设置方式
2022/04/04 Java/Android