IntersectionObserver

方法

IntersectionObserver.relativeTo(string selector, Object margins)

使用选择器指定一个节点，作为参照区域之一。

IntersectionObserver.relativeToViewport(Object margins)

指定页面显示区域作为参照区域之一

IntersectionObserver.observe(string targetSelector, IntersectionObserver.observeCallback callback)

指定目标节点并开始监听相交状态变化情况

IntersectionObserver.disconnect()

停止监听。回调函数将不再触发

停止监听。回调函数将不再触发

参数

string targetSelector

选择器

function callback

监听相交状态变化的回调函数

参数

Object res

res.intersectionRect 的结构

res.boundingClientRect 的结构

使用选择器指定一个节点，作为参照区域之一。

参数

string selector

选择器

Object margins

用来扩展（或收缩）参照节点布局区域的边界

指定页面显示区域作为参照区域之一

参数

Object margins

用来扩展（或收缩）参照节点布局区域的边界

示例代码