Как определить соприкасаются ли html элементы?

Question

[samashki777]

Здравствуйте. Есть 2 блока: зеленый и желтый, как определить соприкасаются ли эти 2 div блока?

Answer 1

[display: block]

var yellow = document.getElementById('yellow');
var green = document.getElementById('green');
var yRect = yellow.getBoundingClientRect();
var gRect = green.getBoundingClientRect();

Дальше сверяешь координаты (rect.top, rect.bottom, rect.left, rect.right).
Пересекаются ли диапазоны yRect.top - yRect.bottom и gRect.top - gRect.bottom и т.д.