Animate css on scroll

Animate.js

if ( $(".animL").length > 0 ) {
  $(".animL").inViewport(function(px){
    if(px) {
      $(this).addClass("animated fadeInLeft") ;
      var el = $(this).find('.anim-img');
      setTimeout(function(el) {el.addClass("animated bounce");}.bind(this, el), 1000);
    }
  });
}

;(function($, win) {
  $.fn.inViewport = function(cb) {
     return this.each(function(i,el){
       function visPx(){
         var H = $(this).height(),
             r = el.getBoundingClientRect(), t=r.top, b=r.bottom;
         return cb.call(el, Math.max(0, t>0? H-t : (b<H?b:H)));
       } visPx();
       $(win).on("resize scroll", visPx);
     });
  };
}(jQuery, window));