【Intersection Observer 介绍】React 中使用 Intersection Observer 和 LazyLoad来实现无限滚动,分页和懒加载
实现前需要了解这些Intersection Observer API根据MDN的文档,“Intersection Observer API 提供了一种异步观察目标元素与祖先元素或顶级文档viewport的交集中的变化的方法。”。通俗讲,就是一个能够监听元素是否到了当前视口的事件,一步到位使用例子对于实现一张图片的懒加载,我们可以采用ntersection Observer + dataSet。假如我们的电脑是1920*1080的话,现在有个图片,他距离顶部有1500px,我们希望在它在滚动到可视区
原创
2022-05-25 10:49:56 ·
2499 阅读 ·
0 评论