<script src="jquery-1.10.2.min.js"></script>
<script src="jquery.scrollzip.js"></script>
$(document).ready(function(){
$(window).on("load scroll resize", function(){
$('element').scrollzip({
showFunction : function() {
alert('Element has come into the view.');
},//optional
hideFunction : function() {
alert('Element has gone out of the view.');
},//optional
wholeVisible : false,//optional (default false)
showShift : 100,//optional (default 0)
hideShift : 100,//optional (default 0)
});
});
});
| showFunction | This function is used to write some code to be executed when the given element is becoming visible to user when scrolling. i.e. coming into the visible part of the browser viewport. |
| hideFunction | Same like showFunction but for the event of the element going out of the visible part of the screen. |
| wholeVisible | By default, Even when the small part of the element enters/exists the visibile part, the respective function is being called. But if you make wholeVisible to true, When the whole part of the element comes into the visibil area only the function triggers. |
| showShift | To manually specify the distance after how much px it is into the screen, it should trigger the event. Nagative value to trigger the function for the distance before it is being displayed. |
| hideShift | Same like showShift but for hiding the element. |