IntersectionObserverEntry

Baseline 廣泛可用 *

此功能已成熟,並可在多種裝置和瀏覽器版本上執行。自 2019 年 3 月以來,它已在所有瀏覽器中可用。

* 此特性的某些部分可能存在不同級別的支援。

IntersectionObserverEntry 介面是 Intersection Observer API 的一部分,它描述了在特定過渡時刻目標元素與其根容器的交叉情況。

IntersectionObserverEntry 的例項會傳遞給 IntersectionObserver 回撥的 entries 引數;否則,只能透過呼叫 IntersectionObserver.takeRecords() 來獲取這些物件。

例項屬性

IntersectionObserverEntry.boundingClientRect 只讀

DOMRectReadOnly 的形式返回目標元素的邊界矩形。邊界的計算方法參見 Element.getBoundingClientRect() 的文件。

IntersectionObserverEntry.intersectionRatio 只讀

返回 intersectionRect 相對於 boundingClientRect 的比例。

IntersectionObserverEntry.intersectionRect 只讀

返回一個 DOMRectReadOnly 物件,表示目標元素的可見區域。

IntersectionObserverEntry.isIntersecting 只讀

一個布林值,如果目標元素與 intersection observer 的根交叉,則為 true。如果此值為 true,則 IntersectionObserverEntry 描述了過渡到交叉狀態;如果此值為 false,則表示您知道過渡是從交叉狀態到非交叉狀態。

IntersectionObserverEntry.rootBounds 只讀

返回 intersection observer 根的 DOMRectReadOnly 物件。

IntersectionObserverEntry.target 只讀

其與根元素的交叉發生變化的 Element

IntersectionObserverEntry.time 只讀

一個 DOMHighResTimeStamp,表示記錄交叉時間的時間戳,相對於 IntersectionObservertime origin

例項方法

此介面沒有方法。

規範

規範
交集觀察器
# intersection-observer-entry

瀏覽器相容性