纯js实现页面返回顶部的动画(超简单)
2017-08-10 08:12
651 查看
废话不多说,直接上代码
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实现页面返回顶部的动画(超简单)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- JS实现回到页面顶部动画效果的简单实例
- js简单的点击返回顶部效果实现方法
- 用js实现简单的点击返回顶部效果
- JS实现让页面返回顶部
- js常用实现返回页面顶部
- 三款简单的JS返回页面顶部代码
- 用js实现简单的点击返回顶部效果
- js实现返回页面顶部
- JS实现效果-点击按钮返回到页面顶部
- 三款简单的JS返回页面顶部代码
- js实现html页面滚动条向下拉到一定的程度时,某个div就固定在顶部,向上拉时返回原位置。
- JS实现页面返回顶部的匀加速运动
- js返回顶部和滑到页面底部的动画解决方案
- Js简单实现返回顶部按钮功能
- JS实现让页面返回顶部
- JS实现回到页面顶部动画效果 2016.03.23
- JS实现返回页面顶部
- JS中如何实现点击a标签返回页面顶部的问题
- 三款简单的JS返回页面顶部代码
- 用js实现简单的点击返回顶部效果