inview.js

inview.js

jQuery(function(){
	var wrap         = "#" + thisPanelId + ' .postcontent-inner';
	var wrapHeight   = jQuery(wrap).outerHeight(true);
	var container	 = "#" + thisPanelId + ' .postcontent-box';
	var target	 = "#" + thisPanelId + ' .postcontent-box .sec-post';
	var offset       = wrapHeight * 0.25;	// 25% Height
	jQuery(target).first().addClass("inview");
	jQuery(target).each(function(){
		var pTop   = jQuery(this).position().top - wrapHeight + offset;
		var pBtm   = jQuery(this).position().top + jQuery(this).outerHeight(true) - offset;
		var thisid = jQuery(this).attr("id");
		jQuery(container).scroll(function(){
			var y = jQuery(this).scrollTop();
			if(y > pTop){
				jQuery("#" + thisid).addClass("inview");
			}
			if(y < pTop || y > pBtm){
				jQuery("#" + thisid).removeClass("inview");
			}
		});
	});
});