如何實作ReactJS 監聽頁面捲動事件

需要使用監聽頁面的滾動事件，折騰了挺久終於實現了，寫出來跟大家分享一下。希望有更好的做法也能留言給我，謝謝��

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中文網其他相關文章！