簡單來說,把ScrollBar放到html標籤,很大的機率可以解決問題。
最初我開發的時候因為Element-Plus的框架的Scroll bar在實作上遇到很多問題,於是後面把Scroll bar轉到Nuxt之外的地方:body標籤。
殊不知這就是惡夢的開始…
比較聰明的各位大概想到問題了,網頁的根元素是html,但是我的Scroll bar長在body上面,而window.scrollTo(0, 0);
會滾動的是根元素,也就是他在滾動一個不能滾動的元素,那當然不會有任何反應。
於是乎我把Scroll bar移到html上面就可以正常運作了。按照理論來說,對於Nuxt專案如果也想要window.scrollTo可以作用,那就是確保html標籤有Scroll bar,或是改用針對某個元素的scrollTo來達到預期的效果。
…沒錯,這篇問題的解決方法很簡單,我真的不知道我怎麼卡那麼久的,希望可以給同樣卡住的人一些幫助。