tinywall/scrollzip

jQuery plugin to trigger action if element is visible while scrolling

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
      });
  )};
)};