其他分享
首页 > 其他分享> > js实现回到页面顶部

js实现回到页面顶部

作者:互联网

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>

 

标签:function,scrollTo,顶部,timer,js,currentPosition,window,document,页面
来源: https://www.cnblogs.com/mfbzr/p/14074580.html