iT邦幫忙

0

window.scrollTo() 連續點擊位置不正確

  • 分享至 

  • xImage

各位前輩好,小弟正在做一個簡單的回到頂端的功能,公司是使用 ReactJS 開發

以下是我的 Code:

Back_Top() {
    window.scrollTo({top: 0})
}
render() {
    return (
        <a className="fs-1 screen-button" id="Button_Back_Top" style={{ display: "block" }} onClick={() => { this.Back_Top() }}>
            <i className="bi bi-arrow-up-circle-fill"></i>
        </a>
    )
}

我的作法是給那個 <a> 一個 onClick 事件,並直接使用 window.scrollTo({top: 0}) 來達成,只是目前看起來雖然可以成功滑到網頁最上面,但只要我重複按幾次,就會出現往上滑一點然後卡住的現象,雖然只要再點一次就可以成功滑到最上面,但感覺還是哪裡怪怪的,請大神指點!

圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

1 個回答

0
前端野人
iT邦新手 3 級 ‧ 2022-07-29 23:59:17

你好 我目前看似乎沒有看到你遇到的問題

DEMO

你看看有什麼地方不同

我要發表回答

立即登入回答