步骤:
1、创建对象实例
2、获取/指定界面上的节点信息
3、判断节点是否在当前屏幕可视区域
微信API提供了两种获取创建对象实例和获取节点的方法,按照以上步骤,我们一一来看:
1、wx.createSelectorQuery()
wx.createSelectorQuery()
返回一个 SelectorQuery 对象实例。在自定义组件或包含自定义组件的页面中,应使用 this.createSelectorQuery() 来代替。
SelectorQuery.select(string selector)
在当前页面下选择第一个匹配选择器 selector 的节点。返回一个 NodesRef 对象实例,可以用于获取节点信息。
NodesRef.boundingClientRect(function callback)
添加节点的布局位置的查询请求。相对于显示区域,以像素为单位。其功能类似于 DOM 的 getBoundingClientRect。返回 NodesRef 对应的 SelectorQuery。
SelectorQuery.exec(function callback)
执行所有的请求。请求结

本文介绍了如何使用微信API中的wx.createSelectorQuery和IntersectionObserver来获取节点信息以及判断节点是否在屏幕可视区域,包括boundingClientRect方法的应用,以及在实际场景如视频播放控制中的示例。
最低0.47元/天 解锁文章
1379

被折叠的 条评论
为什么被折叠?



