如何添加viewportChecker jquery

Question

任何人都可以帮我在这个jquery上添加viewportChecker

我的目标是在4 div类c1，c2，c3，c4 上添加动画，当我向下滚动每个div类时会有自己的动画。

jQuery.noConflict();
jQuery(document).ready(function(){
    var i = 0;
    var posts = jQuery('.wk-effect').children();    
    function animateCircle() {
        if (i % 2 === 0) {
            jQuery(posts[i]).addClass('visible animated bounceInUp');
        } else {
            jQuery(posts[i]).addClass('visible animated fadeInDown');
        }
        i++;
        if (i <= posts.length) {
            startAnimation();
        }
    }    
    function startAnimation() {
        setTimeout(function () {
            animateCircle();}, 1000);
    }    
    posts.addClass('hidden');
    animateCircle(posts);
});

Answer 1

如果对你来说更容易，就有一个插件。

http://imakewebthings.com/jquery-waypoints/