javascript - 如何仅在 DIV 可见时运行脚本？

Question

我有一个我写的脚本:

jQuery(function($) {
        $('.count').countTo({
            from: 0,
            to: '400',
            speed: '3000',
            refreshInterval: 50,
            onComplete: function(value) {
                console.debug(this);
            }
        });
    });

我只需要在容器 div 可见时运行该脚本。

<div class="container">
   <div class="count"></div>
</div>

澄清一下，div 将始终可见，但当用户将其滚动查看时。有什么想法吗？

http://www.windycitydigital.net/iconvert/ - 例如，在页面底部，这些计数器自动启动。我不希望在用户滚动到它们的 View 之前启动该脚本。

Answer 1

以下是仅当 #mydiv 处于 View 中时才激活警报的示例:这按照你的要求工作。确保窗口很小，这样 #midiv 从一开始就不会出现在 View 中。向下滚动后，整个 #mydiv 可见后，它将激活滚动事件的警报。

http://jsfiddle.net/u3eCG/7/

divScroll = $("#mydiv").offset().top + $("#mydiv").height();

$(window).scroll(function(){
   lastLineScroll = $("body").scrollTop() + $(window).height();
   if (divScroll < lastLineScroll)  {
                     alert("Div is visible");
                     $(window).unbind("scroll");
   }
});