IntersectionObserverEntry：intersectionRect 属性
intersectionRect 是 IntersectionObserverEntry 接口的只读属性，它是一个 DOMRectReadOnly 对象，描述了当前在相交根元素（intersection root）内可见的目标元素部分的最小矩形。
值
一个 DOMRectReadOnly，描述了当前在根元素相交矩形内可见的目标元素部分。
这个矩形是通过计算 boundingClientRect 与 target 的每个祖先元素的剪辑矩形（clip rectangles）的交集而得到的，相交的 root 本身除外。
示例
在这个简单的例子中，一个相交回调存储了相交矩形，供稍后绘制目标元素内容的代码使用，以便只重绘可见区域。
js
function intersectionCallback(entries) {
entries.forEach((entry) => {
refreshZones.push({
element: entry.target,
rect: entry.intersectionRect,
});
});
}
规范
| 规范 |
|---|
| 交集观察器 # dom-intersectionobserverentry-intersectionrect |
浏览器兼容性
加载中…