js实现回到页面顶部

分类: IT文章 • 2023-03-13 19:38:57

function goTop(){
  let currentPosition, timer;        
  timer = setInterval(function () {
    currentPosition = document.documentElement.scrollTop || document.body.scrollTop   /* 浏览器兼容处理  */
    currentPosition -= 10
    if (currentPosition > 0) {
      window.scrollTo(0, currentPosition)
    } else {
      window.scrollTo(0, 0)
      clearInterval(timer)
    }
  }, 1)
}

以上。

可以实现缓慢回到页面顶部

若要直接回到顶部，可以直接使用a标签，简单又快速：

<a href="#"></a>

js实现回到页面顶部

相关推荐