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 监听页面滚动事件 的详细内容。