如何使用 IntersectionObserver 最初检查元素是否相交

Question

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

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

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

Answer 1

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

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

进一步阅读：这里