# IntersectionObserver.observe(string targetSelector, function callback)
指定目标节点并开始监听相交状态变化情况
# 参数
# string targetSelector
选择器
# function callback
监听相交状态变化的回调函数
# 参数
# Object res
| 属性 | 类型 | 说明 |
|---|---|---|
| intersectionRatio | number | 相交比例 |
| intersectionRect | Object | 相交区域的边界 |
| boundingClientRect | Object | 目标边界 |
| relativeRect | Object | 参照区域的边界 |
| time | number | 相交检测时的时间戳 |
res.intersectionRect 的结构
| 属性 | 类型 | 说明 |
|---|---|---|
| left | number | 左边界 |
| right | number | 右边界 |
| top | number | 上边界 |
| bottom | number | 下边界 |
res.boundingClientRect 的结构
| 属性 | 类型 | 说明 |
|---|---|---|
| left | number | 左边界 |
| right | number | 右边界 |
| top | number | 上边界 |
| bottom | number | 下边界 |
res.relativeRect 的结构
| 属性 | 类型 | 说明 |
|---|---|---|
| left | number | 左边界 |
| right | number | 右边界 |
| top | number | 上边界 |
| bottom | number | 下边界 |
←
→
在线客服