Nuxt3 window.scrollTo無法滾動的採坑問題
編輯日期:2025-05-27
發布日期:2025-05-27
軟體開發
網頁前端

簡單來說,把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來達到預期的效果。


…沒錯,這篇問題的解決方法很簡單,我真的不知道我怎麼卡那麼久的,希望可以給同樣卡住的人一些幫助。