如何实现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 中的“被动事件监听器”

ScrollView可以监听滚动结束事件吗

reactjs固定数据表中的无限滚动

js监听网页页面滑动滚动事件,实现导航栏自动显示或隐藏

js如何监听屏幕滚动到底了

react 监听页面滚动