网络编程 
首页 > 网络编程 > 浏览文章

纯js实现页面返回顶部的动画(超简单)

(编辑:jimmy 日期: 2024/11/15 浏览:3 次 )

废话不多说,直接上代码

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实现页面返回顶部的动画(超简单)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

上一篇:bootstrap table实现x-editable的行单元格编辑及解决数据Empty和支持多样式问题
下一篇:基于daterangepicker日历插件使用参数注意的问题
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap