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

Ant*_*kov 5 javascript observers intersection-observer

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

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

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

Ter*_*nat 5

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

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

进一步阅读:这里