纯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得到当前页的来路即前一页地址的方法
Feb 18 Javascript
ExtJS 刷新后如何默认选中刷新前最后一次选中的节点
Apr 03 Javascript
Bootstrap编写导航栏和登陆框
May 30 Javascript
Vue.js第三天学习笔记(计算属性computed)
Dec 01 Javascript
浅谈在koa2中实现页面渲染的全局数据
Oct 09 Javascript
JS运动特效之链式运动分析
Jan 24 Javascript
angular1.x ui-route传参的三种写法小结
Aug 31 Javascript
详解Vue项目中出现Loading chunk {n} failed问题的解决方法
Sep 14 Javascript
vue中slot(插槽)的介绍与使用
Nov 12 Javascript
elementUI table表格动态合并的示例代码
May 15 Javascript
Node.js 多进程处理CPU密集任务的实现
May 26 Javascript
基于vue和bootstrap实现简单留言板功能
May 30 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 程式大小
2006/12/06 PHP
配置php.ini实现PHP文件上传功能
2014/11/27 PHP
laravel容器延迟加载以及auth扩展详解
2015/03/02 PHP
求帮忙修改个php curl模拟post请求内容后并下载文件的解决思路
2015/09/20 PHP
HTML中嵌入PHP的简单方法
2016/02/16 PHP
PHP实现的抓取小说网站内容功能示例
2019/06/27 PHP
php使用pthreads v3多线程实现抓取新浪新闻信息操作示例
2020/02/21 PHP
基于jQuery的一个扩展form序列化到json对象
2010/12/09 Javascript
js实现动态添加、删除行、onkeyup表格求和示例
2013/08/18 Javascript
ExtJS4中的requires使用方法示例介绍
2013/12/03 Javascript
JavaScript立即执行函数的三种不同写法
2014/09/05 Javascript
JS不用正则验证输入的字符串是否为空(包含空格)的实现代码
2016/06/14 Javascript
Bootstrap中表单控件状态(验证状态)
2016/08/04 Javascript
jQuery移除或禁用html元素点击事件常用方法小结
2017/02/10 Javascript
ES6新特性五:Set与Map的数据结构实例分析
2017/04/21 Javascript
vue-ajax小封装实例
2017/09/18 Javascript
node中modules.exports与exports导出的区别
2018/06/08 Javascript
BootStrap modal实现拖拽功能
2018/12/01 Javascript
Ant Design moment对象和字符串之间的相互转化教程
2020/10/27 Javascript
python3中str(字符串)的使用教程
2017/03/23 Python
python 阶乘累加和的实例
2019/02/01 Python
Python常用的json标准库
2019/02/19 Python
详解如何用TensorFlow训练和识别/分类自定义图片
2019/08/05 Python
python飞机大战pygame碰撞检测实现方法分析
2019/12/17 Python
Python 虚拟环境工作原理解析
2020/12/24 Python
HTML5 FormData 方法介绍以及实现文件上传示例
2017/09/12 HTML / CSS
马来西亚网上购物:Youbeli
2018/03/30 全球购物
SmartBuyGlasses比利时:购买品牌太阳镜和眼镜
2019/08/09 全球购物
枚举和一组预处理的#define有什么不同
2016/09/21 面试题
2019史上最全Database工程师题库
2015/12/06 面试题
保险经纪人求职信
2014/03/11 职场文书
幼儿园安全生产月活动总结
2014/07/05 职场文书
中班下学期个人总结
2015/02/12 职场文书
2015年新教师工作总结
2015/04/28 职场文书
2015秋季开学典礼致辞
2015/07/16 职场文书
MySQL索引知识的一些小妙招总结
2021/05/10 MySQL