阅读(1.1k) 书签赞(0) 我要纠错

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	下边界。

以上内容是否对您有帮助：

写笔记

我要补充