Vue切換路由回到頂部


//路由跳轉后,頁面回到頂部
router.afterEach(() => {
    document.body.scrollTop = 0;
    document.documentElement.scrollTop = 0;
}


二:js緩慢回到頂部

function top() {
  let currentPosition, timer;
  timer = setInterval(function () {
    currentPosition =
      document.documentElement.scrollTop || document.body.scrollTop;
    currentPosition -= 30;
    if (currentPosition > 0) {
      window.scrollTo(0, currentPosition);
    } else {
      window.scrollTo(0, 0);
      clearInterval(timer);
    }
  }, 1);
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM