jQuery plugin to trigger action if element is visible while scrolling
JavaScript CSS
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
lib
CNAME
README.md
index.htm
jquery.scrollzip.js

README.md

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