开发 API KSML IntersectionObserver IntersectionObserver.observe
# IntersectionObserver.observe(string targetSelector, function callback)
更新时间:2023-02-01 11:07:53
指定目标节点并开始监听相交状态变化情况
# 参数
# 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 | 下边界 |
| width | number | 宽度 |
| height | number | 高度 |
# res.boundingClientRect 的结构
| 属性 | 类型 | 说明 |
|---|---|---|
| left | number | 左边界 |
| right | number | 右边界 |
| top | number | 上边界 |
| bottom | number | 下边界 |
| width | number | 宽度 |
| height | number | 高度 |
# res.relativeRect 的结构
| 属性 | 类型 | 说明 |
|---|---|---|
| left | number | 左边界 |
| right | number | 右边界 |
| top | number | 上边界 |
| bottom | number | 下边界 |
上一篇:《IntersectionObserver.disconnect》
下一篇:《IntersectionObserver.relativeTo》
仍有疑问? 前往社区提问