scrollzip.js

This jQuery plugin is used to trigger some action if the given element is becoming visible or hidden while scrolling. The given demo is using the animate.css for the scroll action animation.

$(document).ready(function(){
  $(document).scrollzipInit();
  $(window).on("load scroll resize", function(){
      $('.section').scrollzip({
          showFunction    : function() { $(this).css("visibility", "visible").addClass('animated bounceInLeft'); },//optional
          hideFunction    : function() { $(this).css("visibility", "hidden").removeClass('animated'); },//optional
          //showShift       : 100,//optional
          //hideShift       : -100,//optional
          //wholeVisible  : true,//optional
      });
  )};
)};