Как отлаживать перекрывающиеся элементы div?

Question

Я ищу руководство для проверки, когда элементы div (используя сетку bootstrap или нет) перекрываются. До сих пор я проверял позицию и несогласованные теги с помощью инструмента для создания хрома.

Answer 1

Вы ищете обнаружение столкновений. Следующий код Javascript показывает, как обнаружить перекрывающиеся теги HTML div. Подробнее см. Здесь: How to detect overlapping elements

function collision($div1, $div2) { 
    var x1 = $div1.offset().left; 
    var y1 = $div1.offset().top; 
    var h1 = $div1.outerHeight(true); 
    var w1 = $div1.outerWidth(true); 
    var b1 = y1 + h1; 
    var r1 = x1 + w1; 
    var x2 = $div2.offset().left; 
    var y2 = $div2.offset().top; 
    var h2 = $div2.outerHeight(true); 
    var w2 = $div2.outerWidth(true); 
    var b2 = y2 + h2; 
    var r2 = x2 + w2; 

    if (b1 < y2 || y1 > b2 || r1 < x2 || x1 > r2) return false; 
    return true; 
}