如何实现ReactJS 监听页面滚动事件
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何实现ReactJS 监听页面滚动事件相关的知识,希望对你有一定的参考价值。
实现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); 参考技术A 可以require另一个js然后把另一个js的输出赋值给变量。
以上是关于如何实现ReactJS 监听页面滚动事件的主要内容,如果未能解决你的问题,请参考以下文章
在 onWheel 事件中使用 event.preventDefault 时,如何规避 reactjs 中的“被动事件监听器”