JQuery - 如何检测一个 div 是否包含特殊位置

Question

我有 2 个 div <div class="parent"<div class="child"></div></div> . 首先，我需要知道“父”div 的水平中心。

var offset = $('.parent').offset(),
    width = $('.parent').width(),
    parentCenter = offset.left + width / 2;

现在，我需要知道“子”div 是否通过或包含此位置。 示例:父 div 是一个包装器，子 div 是一个图像，如果它通过父级的中心应该更大。 ( child 可以通过滑动效果移动)

Answer 1

如果 child 的左 Angular 比你已经计算出的位置更靠左并且右 Angular 更靠右，则 child 将与该位置相交:

var child = $('#child');

// Get X coordinates of child's corners
var leftX = child.offset().left;
var rightX = leftX + child.width();

if (leftX <= parentCenter && parentCenter <= rightX) {
    // child overlaps with parent's center (on the X axis)
}