使用jQuery访问者可以看到div时的fire事件？

Question

功能: 我想在用户看到某个div(向下滚动到它)时更改某个项目的类.

我现在是怎么做的:我正在使用这个很好的脚本(http://code.google.com/p/jquery-appear/),当一个div对用户可见时,它只能触发一个jquery事件.然而它只发射一次.因此,如果向下滚动页面,jquery就可以正常执行了.但是,如果我向上滚动然后再向下滚动它就会发生火灾.这是我的jquery:

$('#myDiv').appear(function() {
        $("#aDiv").addClass("active");
});

我想做的事情:每当"myDiv"出现时让脚本执行,而不仅仅是第一个.

有没有人知道如何做到这一点？

Answer 1

判断div是否可见,你可以:

$(window).scroll(function(event) {
    console.log($(".target").offset().top < $(window).scrollTop() + $(window).outerHeight());
});

所以,我认为你不需要任何插件.

只需通过以下表达式判断它:

if($(".target").offset().top < $(window).scrollTop() + $(window).outerHeight()) {
    // something when the .target div visible
} else {
    // something when the .target div invisible
}