IntersectionObserver 是否认为视口内但被另一个 div 覆盖的 div 可见？

Question

我在使用 Intersection Observer 时遇到问题，但并不真正知道问题出在哪里。所以我很好奇有一个问题：

• 让我们想象 2 个 div A 和 B
• A 和 B 均为 100vw x 100vh（全视口）
• 他们一起移动，位置相同
• B 在 A 之上并完全覆盖 A

当 A 位于视口内时，Intersection Observer 是否应该将 A 视为可见？即使完全覆盖？

“可见”是指 isIntersecting = true

Answer 1

是的。
要计算目标元素和根的交集，UA 只需查看Target元素和Root元素（这是祖先节点）。兄弟姐妹并不重要，无论他们是否覆盖目标。

确定一个元素是否被另一个元素覆盖会带来一些安全考虑。例如，您可以使用它来确定某个图像是否包含透明度，这反过来又可以帮助确定其他与隐私相关的内容。因此，虽然之前已经讨论过，但我不确定它是否仍在正轨上。