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

How to check initially if an element is intersecting using IntersectionObserver

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

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

可能的解决方案: if the intersection observer 最初可以询问元素是否相交。据我所知,没有这样的功能,所以每一个想法或帮助将不胜感激。

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

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

进一步阅读:here