检查对象是否重叠(在动态环境中) - jQuery

时间:2012-02-10 19:10:50

标签: jquery offset overlap jquery-isotope

首先,请 view the demonstration 。向下滚动,直到看到图像块,然后将鼠标悬停在图像块上。您会注意到有些描述与日期/类别行重叠。我的目标是准确检查。

我发现你可以通过比较它们的偏移值来轻松检查一个物体是否与另一个物体重叠。例如,在我的情况下,第一个对象位于第二个对象之上;因此,我只需比较它们的顶部偏移量:

var onePos = $(one).offset().top+$(one).outerHeight(true),
    twoPos = $(two).offset().top;

if(onePos >= twoPos) {
    // object ONE is overlapping object TWO!
}

但是,我现在正在使用isotope plugin,它生成一个类似砖石的网格,其中对象的偏移量不一定等于最终定位的位置。

所以在这里我很难找到一个稳定的方法来检查两个对象是否相互重叠(具体来说,如果对象ONE与对象TWO重叠)。

我希望我能清楚地解释自己。如果我错过了什么,请告诉我! 谢谢百万,

0 个答案:

没有答案