纯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入门教程(2) JS基础知识
Jan 31 Javascript
基于jquery的一个简单的脚本验证插件
Apr 05 Javascript
商城常用滚动的焦点图效果代码简单实用
Mar 28 Javascript
javascript中的遍历for in 以及with的用法
Dec 22 Javascript
jQuery实现鼠标滑过Div层背景变颜色的方法
Feb 17 Javascript
ECMAScript 5严格模式(Strict Mode)介绍
Mar 02 Javascript
浅析JavaScript 箭头函数 generator Date JSON
May 23 Javascript
Javascript中的数组常用方法解析
Jun 17 Javascript
Vue过滤器的用法和自定义过滤器使用
Feb 08 Javascript
详解webpack 如何集成第三方js库
Jun 29 Javascript
使用layui实现的左侧菜单栏以及动态操作tab项方法
Sep 10 Javascript
解决vue动态下拉菜单 有数据未反应的问题
Aug 06 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
国产动画《伍六七》原声大碟大卖,啊哈娱乐引领音乐赋能IP的新尝试
2020/03/08 国漫
法压式咖啡之制作法
2021/03/03 冲泡冲煮
PHP mkdir()定义和用法
2009/01/14 PHP
php通过Chianz.com获取IP地址与地区的方法
2015/01/14 PHP
php实现的rc4加密解密类定义与用法示例
2018/08/16 PHP
NodeJS框架Express的模板视图机制分析
2011/07/19 NodeJs
js实现人才网站职位选择功能的方法
2015/08/14 Javascript
Vue.js报错Failed to resolve filter问题的解决方法
2016/05/25 Javascript
js当前页面登录注册框,固定div,底层阴影的实例代码
2016/10/04 Javascript
微信小程序 Button 组件详解及简单实例
2017/01/10 Javascript
jQuery开源组件BootstrapValidator使用详解
2017/06/29 jQuery
Angular4绑定html内容出现警告的处理方法
2017/11/03 Javascript
vue template中slot-scope/scope的使用方法
2018/09/06 Javascript
node微信开发之获取access_token+自定义菜单
2019/03/17 Javascript
微信小程序实现页面跳转传递参数(实体,对象)
2019/08/12 Javascript
vue - vue.config.js中devServer配置方式
2019/10/30 Javascript
[01:00:30]TFT vs VGJ.T Supermajor 败者组 BO3 第一场 6.5
2018/06/06 DOTA
利用Python和OpenCV库将URL转换为OpenCV格式的方法
2015/03/27 Python
Python字符串和文件操作常用函数分析
2015/04/08 Python
通过5个知识点轻松搞定Python的作用域
2016/09/09 Python
详解Django中CBV(Class Base Views)模型源码分析
2019/02/25 Python
django-初始配置(纯手写)详解
2019/07/30 Python
大家都说好用的Python命令行库click的使用
2019/11/07 Python
Python callable内置函数原理解析
2020/03/05 Python
使用Python解析Chrome浏览器书签的示例
2020/11/13 Python
Html+Css+Jquery实现左侧滑动拉伸导航菜单栏的示例代码
2020/03/17 HTML / CSS
澳大利亚在线购买葡萄酒:The Wine Collective
2020/02/20 全球购物
一套PHP的笔试题
2013/05/31 面试题
简述网络文件系统NFS,并说明其作用
2016/10/19 面试题
创联软件面试题笔试题
2012/10/07 面试题
即将毕业大学生自荐信
2014/01/24 职场文书
毕业生找工作自荐书
2014/06/30 职场文书
党员教师个人对照检查材料(群众路线)
2014/09/26 职场文书
资产移交协议书
2016/03/24 职场文书
springboot + mongodb 通过经纬度坐标匹配平面区域的方法
2021/11/01 MongoDB
处理canvas绘制图片模糊问题
2022/05/11 Javascript