react 监听浏览器向下滚动事件

8,937 阅读1分钟

基于react hook +ts的实现方法:

1.现在useEeffect里添加滚动事件,并通过return进行销毁

2.在定义的方法里监听三个属性值,并通过条件判断进行相应加载事件:

注:

(1)document.documentElement.clientHeight //可视区域高度

(2)document.documentElement.scrollTop; //滚动条滚动高度

(3)document.documentElement.scrollHeight; //滚动内容高度

即滚动到底部的判断条件就是 scrollHeight = clientHeight + scrollTop