【已解決】Vue3中scroll to top有作用，但scroll to bottom卻沒有作用

vue3 scrollto

greenriver 2022-10-13 13:43:56 ‧ 1694 瀏覽

大家好，
我的環境是Vite、Vue3。

我想請問，目前我有兩個頁面(A.vue、B.vue)

希望(1)從A轉頁到B時，因為nextBtn是在A頁面的底部，所以希望頁面能回到Top位置。
這個目前是成功的， window.scrollTo(0,0)有作用。

//A.vue

//nextBtn在A頁面的底部
const nextBtn = ()=>{
    window.scrollTo(0,0);
    router.push(B) 
}

(2)從B轉頁到A時，因為backBtn是在B頁面的頂部，所以希望頁面能回到Bottom位置。
結果，window.scrollTo(0,document.body.scrollHeight)沒有作用。

//B.vue

//backBtn在B頁面的頂部
const backBtn = () =>{
    window.scrollTo(0,document.body.scrollHeight)
    router.push(A) 
}

我想問的是，為什麼window.scrollTo(0,0)會成功，但window.scrollTo(0,document.body.scrollHeight)卻會失敗?

froce iT邦大師 1 級 ‧ 2022-10-13 13:51:01 檢舉

可能是生命週期的關係，我猜。
資訊不夠不能確認，或許加個nextTick能解決...

greenriver iT邦研究生 4 級 ‧ 2022-10-13 16:42:39 檢舉

@froce 可以了，謝謝。我想選你當最佳答案

froce iT邦大師 1 級 ‧ 2022-10-13 17:31:12 檢舉

不用，我的積分夠我在這邊跟人抬槓就夠了

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22207 篇

完賽人數

600 人

IT邦幫忙