IntersectionObserver: trackVisibility 属性
IntersectionObserver 接口的只读属性 trackVisibility 指示观察器是否除了跟踪元素交叉外,还跟踪目标的可见性。
值
如果为交叉计算跟踪可见性,则为 true,否则为 false。
该值使用 IntersectionObserver() 构造函数的 option.trackVisibility 参数设置。
描述
在不跟踪可见性时,当目标元素滚动到根元素视口内时,观察器会提供通知。但这并不能告诉你目标元素是否可见性受到影响——它可能被另一个元素部分遮挡,透明度降低,或因滤镜、变换或其他修改而变形。
当跟踪可见性时,只有浏览器认为可见的元素才会被显示为交叉。该算法是保守的,可能会省略技术上可见但可见性略有降低(例如,透明度仅略微降低)的元素。
请注意,可见性计算在计算上是昂贵的。为了避免操作过于频繁地运行,会使用 delay 来限制最小报告周期。
规范
| 规范 |
|---|
| 交集观察器 # dom-intersectionobserver-trackvisibility |
浏览器兼容性
加载中…