vue 中 滾動條回到頂部


今天項目碰到一個<vue-scroll >滾動條要回到頂部的需求,查詢了好久終於解決了,這里記錄一下:

其實就是scrollIntoView()方法的使用(官方文檔)

  1. 需要注意的是要求頁面(容器)可滾動時才有用!
  2. 然后要說明的是,這是js原生方法,jquery等框架是使用不了的,所以,獲得元素的方法一定是document.getElementById或querySelector,然后才可以點出來scrollIntoView()方法。
  3. 語法:

    element.scrollIntoView(); // 等同於element.scrollIntoView(true)
    element.scrollIntoView(alignToTop); //布爾參數
    element.scrollIntoView(scrollIntoViewOptions); //對象參數

如下附上我的代碼:

      

 


免責聲明!

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



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