如何实现ReactJS监听页面滚动事件
来源：动视网
责编：小采
时间：2020-11-27 15:20:24
如何实现ReactJS监听页面滚动事件
如何实现ReactJS监听页面滚动事件:需要使用监听页面的滚动事件，折腾了挺久终于实现了，写出来跟大家分享一下。希望有更好的做法也能留言给我，谢谢。export class Example extends Component{ scrollHandler = this.handleScroll.bind(this); componentDi
导读如何实现ReactJS监听页面滚动事件:需要使用监听页面的滚动事件，折腾了挺久终于实现了，写出来跟大家分享一下。希望有更好的做法也能留言给我，谢谢。export class Example extends Component{ scrollHandler = this.handleScroll.bind(this); componentDi
需要使用监听页面的滚动事件，折腾了挺久终于实现了，写出来跟大家分享一下。希望有更好的做法也能留言给我，谢谢??
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监听页面滚动事件
如何实现ReactJS监听页面滚动事件:需要使用监听页面的滚动事件，折腾了挺久终于实现了，写出来跟大家分享一下。希望有更好的做法也能留言给我，谢谢。export class Example extends Component{ scrollHandler = this.handleScroll.bind(this); componentDi
