免费AI编程助手
IntersectionObserver.observe
2020-09-14 15:38 更新
简介
IntersectionObserver.observe 用于指定目标节点并开始监听相交状态变化情况。
接口调用
入参
入参结构为：(String targetSelector, Function callback)。
| 属性 | 类型 | 描述 |
|---|---|---|
| targetSelector | String | 选择器。 |
| 回调函数 | Function callback | 监听相交状态变化的回调函数。 |
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 | 下边界。 |
以上内容是否对您有帮助：
更多建议：