小程序
小游戏
企业微信
微信支付
扫描小程序码分享
- 当前 Bug 的表现(可附上截图)
- 预期表现
- 复现路径
- 提供一个最简复现 Demo
如题,IntersectionObserver只能监听到onready时页面上已经渲染的元素,动态加载的元素 监听不到。
求解??
2 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
不存在的元素当然不能监听……待元素插入节点后再调用IntersectionObserver.observe
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
已经放弃。。 直接监听pagescroll了。。
真机上onPageScroll的延迟不是很高吗。。
是有点。。但是总不能每次插入节点的时候,就新建个intersectionObserver去监听吧??
那也比onPageScroll效率高。。。IntersectionObserver可以定thresholds节流,onPageScroll视图层和逻辑层通信太频繁了。
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
if(this._obsever) this._obsever.disconnect()
this._obsever = this.createIntersectionObserver({
observeAll: true,
initialRatio: 0,
thresholds: [1]
})
this._obsever.relativeToViewport({
top: 150,
}).observe('.list-index-item', (res) => {})
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
不存在的元素当然不能监听……待元素插入节点后再调用IntersectionObserver.observe
已经放弃。。 直接监听pagescroll了。。
真机上onPageScroll的延迟不是很高吗。。
是有点。。但是总不能每次插入节点的时候,就新建个intersectionObserver去监听吧??
那也比onPageScroll效率高。。。IntersectionObserver可以定thresholds节流,onPageScroll视图层和逻辑层通信太频繁了。
请具体描述问题出现的流程,并提供能复现问题的简单代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)。
// 在更新列表后,这里设置监听
}})
最后在组件周期detached 和页面周期hide里添加
this._obsever && this._obsever.disconnect()
if(this._obsever) this._obsever.disconnect()
this._obsever = this.createIntersectionObserver({
observeAll: true,
initialRatio: 0,
thresholds: [1]
})
this._obsever.relativeToViewport({
top: 150,
}).observe('.list-index-item', (res) => {})