2つのdiv要素が交差するかどうかを確認します

Question

2つのdiv要素が交差/重複/接触しているかどうかを確認するにはどうすればよいですか？彼らは唯一の

を上下に移動しできるように、2つのdiv要素がX軸に固定されている

• すでに両方topを持っている場合は、私は両方のための両方topとbottom位置は、要素

Answer 1

をDIVましたそしてbottom、それはただの条件です：

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

Answer 2

あなたにいくつかのサイズ（幅、高さ、境界）を割り当てることをお勧めします。また、（F12キーを使用して）UIデバッガを使用して、それらがどこにあるかを実際に確認することもできます。