滚动到页面的该部分时要开始的Jquery动画

Question

我想在我的网页上播放一页滚动类型的动画，所以我按照this tutorial成功实现了这一点。

现在假设我的网页中有五个滚动部分，我最多可以滚动五次，或者页面中有五个不同的部分。

我想实现这一点 box animation位于页面的其中一个部分。根据这个动画，六个盒子处于随机位置，然后它们嵌入到div中。我再次成功实现了这一点。

但是有一个问题。

我想在我滚动到页面的那一部分时启动框动画，这意味着如果框动画位于页面的第5部分，当我移动到第5部分时动画开始。

我该如何实现？

各个动画的代码已在上面链接

框动画的jquery代码

$(document).ready(function(){
var h = $(window).height();
var w = $(window).width();            
$('#intro .box').each(function(){
    var originalOffset = $(this).position(),
        $this = $(this),
       tLeft = w-Math.floor(Math.random()*900),
       tTop  = h-Math.floor(Math.random()*900);

    $(this).css({
        "left": tLeft,
        "top": tTop
    });

    $this.animate({ "left": originalOffset.left, 
                     "top": originalOffset.top
                 },5000);

    });
});