jquery - オブジェクトが重複しているかどうかを確認する (動的環境で) - jQuery

Question

まずはデモンストレーションをご覧ください。画像ブロックが表示されるまで下にスクロールし、それらの上にカーソルを置きます。日付/カテゴリの行と重複する説明があるものもあります。私の目標は、それを正確に確認することです。

オフセット値を比較することで、あるオブジェクトが別のオブジェクトと重なっているかどうかを簡単に確認できることがわかりました。たとえば、私の場合、最初のオブジェクトは 2 番目のオブジェクトの上にあります。したがって、次のように上部オフセットを比較するだけで済みました。

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

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

しかし、私は現在isotope pluginを使用しています。これは石積みのようなグリッドを生成します。オブジェクトのオフセットは、最終的に配置される場所と必ずしも同じではありません。

そのため、ここでは、2 つのオブジェクトが互いにオーバーラップしているかどうか (具体的には、オブジェクト ONE がオブジェクト TWO にオーバーラップしているかどうか) を確認するための安定した方法を見つけるのに苦労しています。

私は自分自身を明確に説明したことを願っています。何か見逃した場合はお知らせください！
100万人ありがとう