如何判断div在滚动时何时触及另一个div。 jQuery的

Question

当一个div在滚动时悬停在另一个div上时，如何发出警报？这是一个工作的例子， http://jsfiddle.net/uprosoft/Ek5Gy/267/

我无法找到一个jQuery代码，但仍然按顺序发出警报。

Answer 1

这样的事情应该有效：

$(window).scroll(function() {
    var div1 = $("#div1");
    var div2 = $("#div2");
    var div1_top = div1.offset().top;
    var div2_top = div2.offset().top;
    var div1_bottom = div1_top + div1.height();
    var div2_bottom = div2_top + div2.height();

    if (div1_bottom >= div2_top && div1_top < div2_bottom) {
        // overlapped
    }
});​

DEMO： http://jsfiddle.net/Ek5Gy/280/