FIX for #88: Address decay issues, passing animation back to 'pointerOffTarget' when mouse moves back away from target.

Author: patricknelson

js/jquery.parallax.js

@@ -374,8 +374,9 @@
 		if (targetPointer[0] === prevPointer[0] && targetPointer[1] === prevPointer[1]) {
 			return;
 		}
-		
-		return updateFn(targetPointer);
+
+		// Pass the responsibility for updating back to "pointerOffTarget" now that we're off the target again.
+		portElem.trigger('parallax.setPointerFn', [pointerOffTarget]);
 	}
 
 	function unport(elem, events, winEvents) {
@@ -441,12 +442,18 @@
 			    		timer.add(frame);
 			    		timer.start();
 			    	},
+
 			    	'mouseleave.parallax': function mouseleave(e) {
 			    		// Make the layer come to rest at it's limit with inertia
 			    		pointerFn = pointerOffTarget;
 			    		// Stop the timer when the the pointer hits target
 			    		targetFn = targetOutside;
-			    	}
+			    	},
+
+					// TODO: Needed to set this up as an event listener due to scope issues.
+					'parallax.setPointerFn': function setPointerFn(e, newPointerFn) {
+						pointerFn = newPointerFn;
+					}
 			    };
 
 			function updateCss(newPointer) {
@@ -456,7 +463,10 @@
 			}
 
 			function frame() {
-				pointerFn(port.pointer, pointer, port.threshold, decay, parallax, targetFn, updateCss);
+				// TODO: Might make sense to eventually refactor calls to pointerFN to simply pass the port instance.
+				// TODO: Also to have the entire initialization to be based on a jQuery set of just the port [port] and
+				// TODO: pass the layers as an option instead of the other way around, i.e. [layer, layer, ...]
+				pointerFn(port.pointer, pointer, port.threshold, decay, parallax, targetFn, updateCss, elem);
 			}
 
 			function targetInside() {