检查两个div元素是否相交

Question

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

• 的两个div固定在X轴，使他们只能上下移动

我得到了两个div元素

Answer 1

两个top和bottom位置如果你已经有了两个top和bottom，那么它只是一个条件：

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

Answer 2

我建议你给他们分配一些尺寸（宽度，高度和边框）。您也可以使用UI调试器（通过使用F12键）来查看实际位置。