动态加载数据时创建IntersectionObserver的问题
发布于 5 年前 作者 dpeng 4141 次浏览 来自 问答

1,数据分页加载,第一次进入时候加载10个

2,循环给这10个元素创建IntersectionObserver观察器,wx.createIntersectionObserver().relativeToViewport({ bottom: 20 })

3,触底之后动再添加10条数据,重新setData,再给这20个元素创建IntersectionObserver观察器

问题描述:

1,最开始的10个元素能正常观察,但是后面添加的元素只有第一个能够观察成功

2,将relativeToViewport({ bottom: 20 })中的bottom值增大,则后续添加的10个元素中能够观察成功的元素个数也会增加,

小程序文档中的关于relativeToViewport的介绍指定页面显示区域作为参照区域”,这个指定页面显示区域到底是什么?是一个什么机制?

为什么触底分页请求到数据后创建观察不生效?

3 回复

楼主解决了吗 我现在是分页的时候 使用了这个api 但是在页面往上滑动的时候 会触发onreachbottom这个触底事件 不知道官方有没有办法解决 在onReachBottom中调用createIntersectionObserver的问题

楼主解决了吗,我现在想的是监听数据变化,不过这方法不太好

回到顶部