如何使用 IntersectionObserver 初步检查元素是否相交答案

【问题标题】：How to check initially if an element is intersecting using IntersectionObserver如何使用 IntersectionObserver 初步检查元素是否相交
【发布时间】：2020-12-10 21:27:56
【问题描述】：

目标： 我想对在页面加载时相交的一组元素执行一个操作，并单独处理所有其他元素（当前不相交）。

问题： 每个观察者都有自己的回调，我无法同步获得一组观察者的结果。

可能的解决方案： 如果最初可以询问相交观察者元素是否相交。据我所知，没有这样的功能，所以每一个想法或帮助都将不胜感激。

【问题讨论】：

标签： javascript observers intersection-observer

【解决方案1】：

IntersectionObserver 类中实际上有一个方法可以帮助您实现目标。这是IntersectionObserver.takeRecords()。它返回一个观察到的条目数组，这些条目经历了交叉点的变化。

此方法还强制 IntersectionObserver 检查和更新交叉点，因此从此函数返回的条目将包含最新的交叉点比率。