IntersectionObserver: trackVisibility 属性

可用性有限

此特性不是基线特性,因为它在一些最广泛使用的浏览器中不起作用。

实验性: 这是一项实验性技术
在生产中使用此技术之前,请仔细检查浏览器兼容性表格

IntersectionObserver 接口的只读属性 trackVisibility 指示观察器是否除了跟踪元素交叉外,还跟踪目标的可见性。

如果为交叉计算跟踪可见性,则为 true,否则为 false

该值使用 IntersectionObserver() 构造函数的 option.trackVisibility 参数设置。

描述

在不跟踪可见性时,当目标元素滚动到根元素视口内时,观察器会提供通知。但这并不能告诉你目标元素是否可见性受到影响——它可能被另一个元素部分遮挡,透明度降低,或因滤镜、变换或其他修改而变形。

当跟踪可见性时,只有浏览器认为可见的元素才会被显示为交叉。该算法是保守的,可能会省略技术上可见但可见性略有降低(例如,透明度仅略微降低)的元素。

请注意,可见性计算在计算上是昂贵的。为了避免操作过于频繁地运行,会使用 delay 来限制最小报告周期。

规范

规范
交集观察器
# dom-intersectionobserver-trackvisibility

浏览器兼容性

另见