收藏
回答

动态加载数据时创建IntersectionObserver的问题

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug wx.createIntersectionObserver() 工具 7.04 2.6.6

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

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

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


问题描述:

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

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



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

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



回答关注问题邀请回答
收藏

4 个回答

  • Bruce_涛涛
    Bruce_涛涛
    04-04

    楼主解决了吗

    04-04
    有用
    回复
  • 小小小小宝宝
    小小小小宝宝
    2019-07-03

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


    2019-07-03
    有用
    回复 1
    • LLX~梁木子雄
      LLX~梁木子雄
      07-29
      问一下 调用这个api是做什么的 有什么用
      07-29
      回复
  • 哈^_^
    哈^_^
    2019-06-18

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

    2019-06-18
    有用
    回复
  • 社区技术运营专员-小柿子
    社区技术运营专员-小柿子
    2019-04-25

    麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)

    2019-04-25
    有用
    回复
登录 后发表内容