Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何添加viewportChecker jquery_Jquery - Fatal编程技术网

如何添加viewportChecker jquery

如何添加viewportChecker jquery,jquery,Jquery,有人能帮我在这个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() {

有人能帮我在这个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);
});

有一个插件,如果你更容易


我不知道我如何才能整合到目前的脚本我有如果你能整合到上面的脚本我会很高兴地感谢。。