IntersectionObserver: trackVisibility 屬性

可用性有限

此特性不是基線特性,因為它在一些最廣泛使用的瀏覽器中不起作用。

實驗性: 這是一項實驗性技術
在生產中使用此技術之前,請仔細檢查瀏覽器相容性表格

IntersectionObserver 介面的只讀屬性 trackVisibility 指示觀察器是否除了跟蹤元素交叉外,還跟蹤目標的可見性。

如果為交叉計算跟蹤可見性,則為 true,否則為 false

該值使用 IntersectionObserver() 建構函式的 option.trackVisibility 引數設定。

描述

在不跟蹤可見性時,當目標元素滾動到根元素視口內時,觀察器會提供通知。但這並不能告訴你目標元素是否可見性受到影響——它可能被另一個元素部分遮擋,透明度降低,或因濾鏡、變換或其他修改而變形。

當跟蹤可見性時,只有瀏覽器認為可見的元素才會被顯示為交叉。該演算法是保守的,可能會省略技術上可見但可見性略有降低(例如,透明度僅略微降低)的元素。

請注意,可見性計算在計算上是昂貴的。為了避免操作過於頻繁地執行,會使用 delay 來限制最小報告週期。

規範

規範
交集觀察器
# dom-intersectionobserver-trackvisibility

瀏覽器相容性

另見