Comment déboguer des éléments div superposés?

Question

Je suis à la recherche d'un guide pour vérifier quand les éléments div (en utilisant bootstrap grid ou non) se chevauchent. Jusqu'à présent, j'ai vérifié la position et les balises incompatibles en utilisant l'outil de développement chrome.

Answer 1

Vous recherchez la détection de collision. Le code Javascript suivant montre comment détecter les balises div superposées. S'il vous plaît trouver plus ici: 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; 
}