Javascript 检查两个div HTML元素是否相交

如何检查两个div HTML元素是否相交/重叠/接触

两个div固定在X轴上，因此它们只能上下移动 我得到了两个div元素的顶部和底部位置

如果已经有顶部和底部，那么它只是一个条件：

if ((top1 <= top2 && bottom1 >= top2) || (top2 <= top1 && bottom2 >= top1)) {
    // intersect/overlap/touch
}

---

我建议你给他们分配一些尺寸、宽度、高度和边框。此外，您可以使用F12键使用UI调试器来查看它们所在的位置。

< P>我相信您必须考虑元素的高度以及它们的偏移量。 那么就只需要检查一下：

哪一个更接近顶部top1>top2？请注意，如果有div的偏移量，则必须检查哪一个更接近0。 检查来自最顶端的值+最顶端的高度>最顶端2。 如果条件2为真，则有相交div

希望我能帮忙