檢查兩個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鍵）來查看實際位置。