Анимация при скроллинге страницы

animtate js + css

	Анимация при скроллинге страницы

    /**
    ** Handling animation when page has been scrolled
    **/

    animatedContent : function(){

    $("[data-animation]").each(function() {

    var $this = $(this);

    if($(window).width() > 767) {

    $this.appear(function() {

    var delay = ($this.attr("data-animation-delay") ? $this.attr("data-animation-delay") : 1);

    if(delay > 1) $this.css("animation-delay", delay + "ms");
    $this.removeClass('transparent').addClass("visible " + $this.attr("data-animation"));

    }, {accX: 0, accY: -250});

    }
    else {

    $this.removeClass("transparent").addClass("visible");

    }

    });

    }

    /====
    .visible {
    opacity: 1;
    }

    .transparent {
    opacity: 0;
    }
    ====/

    <div class="animated transparent" data-animation="fadeInLeft">
    </div>

    <script src="plugins/jquery.appear.js"></script>