欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2023-02-23 21:36:08
废话不多说,直接上代码 var scrolltop = document.body.scrolltop; document.body.style.margi...

废话不多说,直接上代码

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