# 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 下边界
Copyright ©2024, All Rights Reserved