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 |
瀏覽器相容性
載入中…