Reactjs里面如何判断页面滚动到底部

#1

如题,想做一个滚动加载的效果。
如题,想做一个滚动加载的效果。

#2

这不是 React 做的, 需要自己监听 scroll 或者 mousewheel 事件然后自己判断 scrollTop clientHeightscrollHeight 自己计算一遍.

#3

最近看了一下 react-visibility-sensor 这个组件,它会不断的检查自己是不是在可视范围内,只要这个组件一进入可视范围就触发 onChange 事件

可以把它放到页面的最下面,这样每次 onChange 的时候就加载更多的数据。

另外有一个提示:要处理好逻辑,不要重复加载。

#4

可以使用getBoundingClientRect这个方法来检测元素是否在可视区