javascript - 如何使用 IntersectionObserver 初步检查元素是否相交

Question

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

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

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

标签： javascriptobserversintersection-observer

Answer 1

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

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

进一步阅读：这里