0byt3m1n1-V2

Path: /home/nlpacade/static/js/ [ Home ]
File: scrollFX.js
// Blocs Scroll FX 1.0.2
$(window).on('load', function(){scrollFX()});
$(window).scroll(function(){scrollFX();});

var lastScrollTop = 0;

function scrollFX()
{
	var docHeight = $(document).height();
	var windowHeight = $(window).height();

	if (docHeight != windowHeight) // Prevent Scroll FX on documents that match window height
	{
		// Get Scroll Direction
		var currentScrollTop = window.pageYOffset || document.documentElement.scrollTop;
		var scrollUp = (lastScrollTop>currentScrollTop);
	   	lastScrollTop = currentScrollTop <= 0 ? 0 : currentScrollTop; // For Mobile or negative scrolling
		   
		$('[class*="scroll-fx-up-"], [class*="scroll-fx-down-"], [class*="scroll-fx-left-"], [class*="scroll-fx-right-"], [class*="scroll-fx-in-fade"], [class*="scroll-fx-out-fade"], [class*="scroll-fx-zoom-"]').each(function(i)
		{
			var targetObj = $(this);
			var windowH = $(window).height();
			var windowMax = $(window).scrollTop()+(windowH*3);
			
			if (targetObj.offset().top < windowMax) // Only animate when within range
			{	
				if (!targetObj.hasClass('scroll-fx-in-range') && targetObj.is('[class*="scroll-fx-in-fade"], [class*="scroll-fx-out-fade"]')) // Let processor know element is going to be animated
				{
					targetObj.addClass('scroll-fx-in-range');
				}
				
				var centerPoint = (windowH/2)-(targetObj.outerHeight()/2);
				var exitPoint = (windowH/2)-targetObj.outerHeight();
				var scrollVal = $(window).scrollTop() - targetObj.offset().top + (targetObj.outerHeight()/100)+centerPoint;
				var scrollZoomIn = window.scrollY / (targetObj.offset().top-centerPoint);
				var scrollZoomOut = (targetObj.offset().top-centerPoint) / window.scrollY;

				var offSetVal = (scrollVal/10);		

				var leftVal = offSetVal+"%";
				var rightVal = - offSetVal+"%";
				var opacity = 1+(scrollVal/250);
				var FXState = 'in';
			
				if (offSetVal > 0 || !targetObj.is('[class*="-in"]')) // Prevent movement when in center of screen
				{
					leftVal = 0;
					rightVal = 0;
				
					if (offSetVal > 0) // Lock Zooms
					{
						scrollZoomIn = 1;
						scrollZoomOut = 1;
					}
				
					if (targetObj.is('[class*="-in-fade"],[class*="-out-fade"]')){targetObj.css({'opacity':'1.0'});} // Force 1.0 opacity
				}
			
				if (offSetVal > 30) // Exit Animation
				{
					if (targetObj.is('[class*="-out"]'))
					{
						FXState = 'out';
						leftVal = - Math.abs(offSetVal-30)+"%";
						rightVal = Math.abs(offSetVal-30)+"%";
						opacity = (1-(scrollVal/250)+0.8);
					}
				}
		
				// Direction Animate
				var transform = ""; // Default None
		
				if (targetObj.is('[class*="scroll-fx-left-'+FXState+'"]')) // Left
				{
					transform = "translate3d("+leftVal+",0,0)";
				}
				if (targetObj.is('[class*="scroll-fx-right-'+FXState+'"]')) // Right
				{
					transform = "translate3d("+rightVal+",0,0)";
				}
				else if (targetObj.is('[class*="scroll-fx-up-'+FXState+'"]')) // Up
				{
					transform = "translate3d(0,"+rightVal+",0)";
				}
				else if (targetObj.is('[class*="scroll-fx-down-'+FXState+'"]')) // Down
				{
					transform = "translate3d(0,"+leftVal+",0)";
				}
			
			
				// Scale Animate (Zoom - Push | Pull)
				if (targetObj.is('[class*="scroll-fx-zoom-push"], [class*="scroll-fx-zoom-pull"]'))
				{	
					var scrollZoomVal = scrollZoomIn;
				
					if (targetObj.is('[class*="scroll-fx-zoom-push"]')) // Zoom Out (Push)
					{
						scrollZoomVal = scrollZoomOut
					
						if (scrollZoomVal > 2) // Prevent Zoom Out Being larger than 2x
						{
							scrollZoomVal = 2;
						}
						else 
						{
							// Prevent Jerky Scale
							var lastScaleVal = targetObj.attr('scroll-fx-last-scale');
						
						   	if (scrollUp) // Scroll Up
							{
								if (lastScaleVal > scrollZoomVal)
								{
									scrollZoomVal = lastScaleVal;
								}
						   	}
							else if (scrollZoomVal > lastScaleVal) // Scroll Down
							{
								scrollZoomVal = lastScaleVal;
							}
						}
					
						targetObj.attr('scroll-fx-last-scale',scrollZoomVal);
					}
				
					if (!targetObj.is('[class*="scroll-fx-up-"], [class*="scroll-fx-down-"], [class*="scroll-fx-left-"], [class*="scroll-fx-right-"]')) // Prevent X Value
					{
						transform = "scale("+scrollZoomVal+")";
					}
					else // Add Scale To X Value
					{
						transform += "scale("+scrollZoomVal+")";
					}
				}
			
				if (!targetObj.hasClass('scroll-fx-'+FXState+'-fade') || targetObj.is('[class*="scroll-fx-zoom-"]')){targetObj.css({"-webkit-transform":transform});} // Add Transform
				if (targetObj.is('[class*="-'+FXState+'-fade"]')){targetObj.css({'opacity':opacity});} // Add fade				
			}
		});
	}

	
}