/** * Detects if two elements are colliding * * Credit goes to BC on Stack Overflow, cleaned up a little bit * * @link http://stackoverflow.com/questions/5419134/how-to-detect-if-two-divs-touch-with-jquery * @param $div1 * @param $div2 * @returns {boolean} */ var is_colliding = function( $div1, $div2 ) { // Div 1 data var d1_offset = $div1.offset(); var d1_height = $div1.outerHeight( true ); var d1_width = $div1.outerWidth( true ); var d1_distance_from_top = d1_offset.top + d1_height; var d1_distance_from_left = d1_offset.left + d1_width; // Div 2 data var d2_offset = $div2.offset(); var d2_height = $div2.outerHeight( true ); var d2_width = $div2.outerWidth( true ); var d2_distance_from_top = d2_offset.top + d2_height; var d2_distance_from_left = d2_offset.left + d2_width; var not_colliding = ( d1_distance_from_top < d2_offset.top || d1_offset.top > d2_distance_from_top || d1_distance_from_left < d2_offset.left || d1_offset.left > d2_distance_from_left ); // Return whether it IS colliding return ! not_colliding; };[/vc_column_text][vc_column_text]FONT: https://gist.github.com/jtsternberg/c272d7de5b967cec2d3d[/vc_column_text][/vc_column][/vc_row]
Superposicions en HTML
[vc_row][vc_column][vc_column_text]