在jQuery中如何确定一个或多个div元素是否重叠并完全覆盖另一个div？

Question

3

如果我在文档中使用一个绝对定位的DIV元素(图中蓝色正方形B)，它与另一个DIV(空白正方形A)重叠，那么我可以通过比较B的x1、y1、x2和y2区域与A来判断B是否完全覆盖了A。

然而，如果一个或多个B正方形重叠A，我该如何确定A是否完全被覆盖？

我不能合并B1和B2的区域，然后将其与A进行比较，因为某些区域可能仍然未被覆盖(如图中红色区域)。

在Flash中，有一些方法可以简化计算区域的操作，但我不知道如何在jQuery中实现这一点。

- Max

2

这个问题与jQuery本质上无关，最好在programmers.stackexchange.com上得到答案:D - Richard Neil Ilagan

请尝试查看此链接：https://dev59.com/i0nSa4cB1Zd3GeqPQ8dz - Irvin Dominin

findIntersectors(targetSelector, intersectorsSelector) 是一个优雅的函数，用于获取碰撞信息，但我正在寻找一些代码来判断一个物品是否完全被覆盖/重叠（可见/不可见）。无论如何，谢谢。 - Max

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Jorge Luis Vargas · Answer 1

我认为仅使用jQuery没有办法解决这个问题，但是您可以通过元素的z-index和相对于窗口的位置进行调整http://api.jquery.com/position/。

此外，我在JavaScript中找到了一个解决方案，可能会对您有所帮助：