我的书签
添加书签
移除书签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 | 下边界 |
| 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 | 下边界 |
