需要使用監聽頁面的滾動事件,折騰了挺久終於實現了,寫出來跟大家分享一下。希望有更好的做法也能留言給我,謝謝��
export class Example extends Component{ scrollHandler = this.handleScroll.bind(this); componentDidMount() { window.addEventListener('scroll', this.scrollHandler); } _handleScroll(scrollTop) { console.log(scrollTop) //滚动条距离页面的高度 } } handleScroll(event) { let scrollTop = event.srcElement.body.scrollTop; this._handleScroll(scrollTop); } }
以上是如何實作ReactJS 監聽頁面捲動事件的詳細內容。更多資訊請關注PHP中文網其他相關文章!