纯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 相关文章推荐
js算法中的排序、数组去重详细概述
Oct 14 Javascript
jquery代码实现简单的随机图片瀑布流效果
Apr 20 Javascript
jQuery增加自定义函数的方法
Jul 18 Javascript
深入剖析JavaScript编程中的对象概念
Oct 21 Javascript
跨域资源共享 CORS 详解
Apr 26 Javascript
Javascript 闭包详解及实例代码
Nov 30 Javascript
使用BootStrap进行轮播图的制作
Jan 06 Javascript
bootstrap精简教程_动力节点Java学院整理
Jul 14 Javascript
jQuery实现轮播图及其原理详解
Apr 12 jQuery
vue+iview 实现可编辑表格的示例代码
Oct 31 Javascript
layui清除radio的选中状态实例
Nov 14 Javascript
vue中watch和computed的区别与使用方法
Aug 23 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
PHP3 safe_mode 失效漏洞
2006/10/09 PHP
PHP输出数组中重名的元素的几种处理方法
2012/09/05 PHP
PHP对MongoDB[NoSQL]数据库的操作
2013/03/01 PHP
Thinkphp中volist标签mod控制一定记录的换行BUG解决方法
2014/11/04 PHP
php实现统计网站在线人数的方法
2015/05/12 PHP
THinkPHP获取客户端IP与IP地址查询的方法
2016/11/14 PHP
php文件包含的几种方式总结
2019/09/19 PHP
jquery checkbox,radio是否选中的判断代码
2010/03/20 Javascript
广泛收集的jQuery拖放插件集合
2012/04/09 Javascript
JS模板实现方法
2013/04/03 Javascript
JavaScript生成GUID的多种算法小结
2013/08/18 Javascript
JavaScript之AOP编程实例
2015/07/17 Javascript
JavaScript jQuery 中定义数组与操作及jquery数组操作
2015/12/18 Javascript
使用JQuery实现智能表单验证功能
2016/03/08 Javascript
js原型链与继承解析(初体验)
2016/05/09 Javascript
ajax级联菜单实现方法实例分析
2016/11/28 Javascript
几种tab切换详解
2017/02/03 Javascript
基于JavaScript实现报警器提示音效果
2017/10/27 Javascript
深入了解javascript 数组的sort方法
2018/06/01 Javascript
详解JSON Web Token 入门教程
2018/07/30 Javascript
Vue 框架之动态绑定 css 样式实例分析
2018/11/14 Javascript
Vue移动端项目实现使用手机预览调试操作
2020/07/18 Javascript
浅析VUE防抖与节流
2020/11/24 Vue.js
python读取浮点数和读取文本文件示例
2014/05/06 Python
跟老齐学Python之Import 模块
2014/10/13 Python
python ipset管理 增删白名单的方法
2019/01/14 Python
Python3 修改默认环境的方法
2019/02/16 Python
Django 实现将图片转为Base64,然后使用json传输
2020/03/27 Python
django之导入并执行自定义的函数模块图解
2020/04/01 Python
Python3.9 beta2版本发布了,看看这7个新的PEP都是什么
2020/06/10 Python
结合 CSS3 transition transform 实现简单的跑马灯效果的示例
2018/02/07 HTML / CSS
Html5上传图片 移动端、PC端通用代码
2016/06/08 HTML / CSS
2014年高中教师工作总结
2014/12/19 职场文书
服装店员工管理制度
2015/08/07 职场文书
培训后的感想
2015/08/07 职场文书
浅谈PostgreSQL表分区的三种方式
2021/06/29 PostgreSQL