Событие если два элемента столкнулись?

Question

[German_Berg]

Перевернул кучу материала, но так и не нашел не чего дельного.
Может есть у кого нибудь нечто подобное?
В чем суть: Имеется два блока div, один внизу, другой вверху, если нижний блок заденет верхний, то сработает событие, ну например алерт.
Очень прошу помощи! =(

Answer 1

[Ilya Bobkov]

Сравните top нижнего и bottom верхнего и вызовите функцию.
Что-то типа:

var pos1 = document.getElementById("myDiv1").style.bottom;
var pos2 = document.getElementById("myDiv2").style.top;

if (pos2<=pos1) {
alert("событие!")
}

Comments

[German_Berg]

Спасибо! То что нужно!

[Ilya Bobkov]

German_Berg, Создайте два блока. Присвойте каждому id. (myDiv1, myDiv2). В блоке js пропишите условие.

Answer 2

[Robur]

Руками проверять, если вы их сами двигаете (getBoundingClientRect() и дальше пересечение прямоугольников - спросите любого школьника, вам расскажут)

Если не сами и хочется прямо событие и браузер новый то https://developer.mozilla.org/en-US/docs/Web/API/I... но там возможно будет с ограничениями