纯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 相关文章推荐
JavaScript中的面向对象介绍
Jun 30 Javascript
JavaScript常用全局属性与方法记录积累
Jul 03 Javascript
JavaScript 数组详解
Oct 10 Javascript
jQuery实现视频作为全屏幕背景
Dec 18 Javascript
JS实现从表格中动态删除指定行的方法
Mar 31 Javascript
JS定义类的六种方式详解
May 12 Javascript
微信小程序 wx.uploadFile在安卓手机上面the same task is working问题解决
Dec 14 Javascript
JS查找数组中重复元素的方法详解
Jun 14 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
Dec 18 Javascript
React中的refs的使用教程
Feb 13 Javascript
在Vue项目中使用Typescript的实现
Dec 19 Javascript
js实现星星打分效果
Jul 05 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/06/17 PHP
php中get_meta_tags()、CURL与user-agent用法分析
2014/12/16 PHP
fsockopen pfsockopen函数被禁用,SMTP发送邮件不正常的解决方法
2015/09/20 PHP
thinkPHP中钩子的两种配置调用方法详解
2016/11/11 PHP
javascript Select标记中options操作方法集合
2008/10/22 Javascript
编写高性能的JavaScript 脚本的加载与执行
2010/04/19 Javascript
关于js中alert弹出窗口文本换行问题简单详细说明
2012/12/11 Javascript
JS实现的一个简单的Autocomplete自动完成例子
2014/04/16 Javascript
jQuery实现表格颜色交替显示的方法
2015/03/09 Javascript
js如何实现淡入淡出效果
2020/11/18 Javascript
第九篇Bootstrap导航菜单创建步骤详解
2016/06/21 Javascript
Node.js如何自动审核团队的代码
2016/07/20 Javascript
jstree创建无限分级树的方法【基于ajax动态创建子节点】
2016/10/25 Javascript
js Canvas实现的日历时钟案例分享
2016/12/25 Javascript
js实现消息滚动效果
2017/01/18 Javascript
Grunt针对静态文件的压缩,版本控制打包的实例讲解
2017/09/29 Javascript
Vue中使用vux配置代码详解
2018/09/16 Javascript
微信小程序模板消息推送的两种实现方式
2019/08/27 Javascript
Vue实现点击导航栏当前标签后变色功能
2020/08/19 Javascript
Python multiprocessing.Manager介绍和实例(进程间共享数据)
2014/11/21 Python
用Python创建声明性迷你语言的教程
2015/04/13 Python
对Python中内置异常层次结构详解
2018/10/18 Python
Python中flatten( )函数及函数用法详解
2018/11/02 Python
python datetime中strptime用法详解
2019/08/29 Python
简单了解python协程的相关知识
2019/08/31 Python
Tensorflow 定义变量,函数,数值计算等名字的更新方式
2020/02/10 Python
python绘制动态曲线教程
2020/02/24 Python
青蓝工程实施方案
2014/03/27 职场文书
毕业生应聘求职信
2014/07/10 职场文书
小学生感恩老师演讲稿
2014/08/28 职场文书
个人贷款收入证明
2014/10/26 职场文书
法定代表人身份证明书
2015/06/18 职场文书
导游词之任弼时故居
2020/01/07 职场文书
低版本Druid连接池+MySQL驱动8.0导致线程阻塞、性能受限
2021/07/01 MySQL
Python re.sub 反向引用的实现
2021/07/07 Python
Spring Boot 的创建和运行示例代码详解
2022/07/23 Java/Android