"樱花视频在线" #IntersectionObserver wx.createIntersectionObserver(Object component, Object options)

基础库 1.9.3 开始支持,低版本需做兼容处理

小程序插件:支持,需要小程序基础库版本不低于 1,9 樱花视频在线,6.

微信 Windows 版:支持

微信 Mac 版:支持

微信 鸿蒙 OS 版:支持

相关文档: 获取界面上的节点信息

# 功能描述 (樱花视频在线)

创建并返回一个 IntersectionObserver 对象实例 樱花视频高清,在自定义组件或包含自定义组件的页面中,应使用 this.createIntersectionObserver([options]) 来代替。

樱花视频高清 - # 参数

樱花视频 - # Object component

自定义组件实例

# Object options

选项

属性类型默认值必填说明最低版本
thresholdsArray.[0]一个数值数组,包含所有阈值。
initialRationumber0初始的相交比例,如果调用时检测到的相交比例与这个值不相等且达到阈值,则会触发一次监听器的回调函数。
observeAllbooleanfalse是否同时观测多个目标节点(而非一个),如果设为 true ,observe 的 targetSelector 将选中多个节点(注意:同时选中过多节点将影响渲染性能)2.0.0
nativeModebooleanfalse是否使用原生观察器模式。3.5.7

# 返回值

"樱花视频高清" #IntersectionObserver

# 示例代码

在开发者工具中预览效果

# 原生模式

小程序的观察器默认使用非原生模式,非原生模式下,部分表现会与原生模式有差异,具体差异为: 樱花视频免费观看

  1. 非原生观察器调用 relativeTo 设置的参照区域可以为任意节点;而原生模式只能相对祖先节点。
  2. 非原生观察器调用 relativeTorelativeToViewport 可以设置多个参照区域,参照区域之间会取交集;而原生模式只允许设置一个参照区域。
  3. 非原生观察器计算区域相交时,直接计算节点区域和参照区域的交集;而原生模式会对节点的祖先节点进行遍历,计算节点的祖先节点到参照节点的路径中,所有节点区域的交集。
  4. 原生观察器性能比非原生模式更高。

原生观察器相关信息可参考 IntersectionObserver 文档

# Tips

  1. relativeTo 设置的参照区域不是祖先节点,则无法开启原生模式。
  2. 若调用多次 relativeTorelativeToViewport,观察器性能会下降。