今天項目碰到一個<vue-scroll >滾動條要回到頂部的需求,查詢了好久終於解決了,這里記錄一下:
其實就是scrollIntoView()方法的使用(官方文檔):
- 需要注意的是要求頁面(容器)可滾動時才有用!
- 然后要說明的是,這是js原生方法,jquery等框架是使用不了的,所以,獲得元素的方法一定是document.getElementById或querySelector,然后才可以點出來scrollIntoView()方法。
- 語法:
element.scrollIntoView(); // 等同於element.scrollIntoView(true)
element.scrollIntoView(alignToTop); //布爾參數
element.scrollIntoView(scrollIntoViewOptions); //對象參數
如下附上我的代碼: