IntersectionObserverEntry：intersectionRatio 屬性

值

一個介於 0.0 和 1.0 之間的數字，表示目標元素在根元素的交集矩形中實際可見的百分比。更準確地說，這個值是交集矩形（intersectionRect）的面積與目標元素的邊界矩形（boundingClientRect）的面積之比。

如果目標元素的邊界矩形面積為零，則如果 isIntersecting 為 true，返回值為 1；如果為 false，則返回值為 0。

示例

在這個簡單的例子中，一個交集回撥函式將每個目標元素的 opacity 設定為該元素與根元素的交集比例。

function intersectionCallback(entries) {
  entries.forEach((entry) => {
    entry.target.style.opacity = entry.intersectionRatio;
  });
}

要檢視更具體的示例，請參閱 處理相交變化。

規範

瀏覽器相容性