IntersectionObserverEntry: isIntersecting 属性

基线 广泛可用

此功能已非常成熟,并在许多设备和浏览器版本中运行良好。它自 2019 年 3 月.

报告反馈

IntersectionObserverEntry 接口的只读 isIntersecting 属性是一个布尔值,如果目标元素与交叉观察器的根元素相交,则为 true。如果该值为 true,则 IntersectionObserverEntry 描述了进入相交状态的过渡;如果该值为 false,则表示过渡是从相交状态到非相交状态。

示例

一个布尔值,指示 target 元素是否已过渡到相交状态 (true) 或非相交状态 (false)。

js
function intersectionCallback(entries) {
  entries.forEach((entry) => {
    if (entry.isIntersecting) {
      intersectingCount += 1;
    } else {
      intersectingCount -= 1;
    }
  });
}

要查看更具体的示例,请查看 处理交叉更改

规范

规范
Intersection Observer
# dom-intersectionobserverentry-isintersecting

浏览器兼容性

BCD 表格仅在启用了 JavaScript 的浏览器中加载。