开发 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》
仍有疑问? 前往社区提问