各位前輩好,小弟正在做一個簡單的回到頂端的功能,公司是使用 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}) 來達成,只是目前看起來雖然可以成功滑到網頁最上面,但只要我重複按幾次,就會出現往上滑一點然後卡住的現象,雖然只要再點一次就可以成功滑到最上面,但感覺還是哪裡怪怪的,請大神指點!