纯js实现页面返回顶部的动画(超简单)
来源：动视网
责编：小采
时间：2020-11-27 22:32:52
纯js实现页面返回顶部的动画(超简单)
纯js实现页面返回顶部的动画(超简单):废话不多说，直接上代码 var scrollTop = document.body.scrollTop; document.body.style.marginTop = -scrollTop + 'px'; document.body.scrollTop = 0; document.body.style.transition = 'all 1s
导读纯js实现页面返回顶部的动画(超简单):废话不多说，直接上代码 var scrollTop = document.body.scrollTop; document.body.style.marginTop = -scrollTop + 'px'; document.body.scrollTop = 0; document.body.style.transition = 'all 1s
废话不多说，直接上代码
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实现页面返回顶部的动画(超简单):废话不多说，直接上代码 var scrollTop = document.body.scrollTop; document.body.style.marginTop = -scrollTop + 'px'; document.body.scrollTop = 0; document.body.style.transition = 'all 1s
