如何实现ReactJS 监听页面滚动事件
程序员文章站
2022-03-28 21:04:09
...
需要使用监听页面的滚动事件,折腾了挺久终于实现了,写出来跟大家分享一下。希望有更好的做法也能留言给我,谢谢��
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 监听页面滚动事件 的详细内容,更多请关注其它相关文章!
上一篇: 用html实现一个音频播放的代码
下一篇: 关于多媒体标签的10篇课程推荐