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

网络编程发布日期：2024/9/29 浏览次数：1

正在浏览：纯js实现页面返回顶部的动画(超简单)

废话不多说，直接上代码

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日历插件使用参数注意的问题

一句话新闻

Windows上运行安卓你用过了吗

在去年的5月23日，借助Intel Bridge Technology以及Intel Celadon两项技术的驱动，Intel为PC用户带来了Android On Windows（AOW）平台，并携手国内软件公司腾讯共同推出了腾讯应用宝电脑版，将Windows与安卓两大生态进行了融合，PC的使用体验随即被带入到了一个全新的阶段。