Update jquery-visible to 1.3.0-rc.1

biow0lf · Jan 27, 2018 · e59c95b · e59c95b
1 parent 179e093
commit e59c95b
Show file tree

Hide file tree

Showing 2 changed files with 80 additions and 24 deletions.
diff --git a/3party/jquery-visible-1.3.0-rc.1.tar.gz b/3party/jquery-visible-1.3.0-rc.1.tar.gz
diff --git a/app/assets/javascripts/jquery.visible.js b/app/assets/javascripts/jquery.visible.js
@@ -1,27 +1,83 @@
 (function($){
 
-	/**
-	 * Copyright 2012, Digital Fusion
-	 * Licensed under the MIT license.
-	 * http://teamdf.com/jquery-plugins/license/
-	 *
-	 * @author Sam Sehnert
-	 * @desc A small plugin that checks whether elements are within
-	 *		 the user visible viewport of a web browser.
-	 *		 only accounts for vertical position, not horizontal.
-	 */
-	$.fn.visible = function(partial){
-
-	    var $t				= $(this),
-	    	$w				= $(window),
-	    	viewTop			= $w.scrollTop(),
-	    	viewBottom		= viewTop + $w.height(),
-	    	_top			= $t.offset().top,
-	    	_bottom			= _top + $t.height(),
-	    	compareTop		= partial === true ? _bottom : _top,
-	    	compareBottom	= partial === true ? _top : _bottom;
-
-		return ((compareBottom <= viewBottom) && (compareTop >= viewTop));
+    /**
+     * Copyright 2012, Digital Fusion
+     * Licensed under the MIT license.
+     * http://teamdf.com/jquery-plugins/license/
+     *
+     * @author Sam Sehnert
+     * @desc A small plugin that checks whether elements are within
+     *       the user visible viewport of a web browser.
+     *       only accounts for vertical position, not horizontal.
+     */
+    var $w=$(window);
+    $.fn.visible = function(partial,hidden,direction,container){
+
+        if (this.length < 1)
+            return;
+
+	// Set direction default to 'both'.
+	direction = direction || 'both';
+
+        var $t          = this.length > 1 ? this.eq(0) : this,
+						isContained = typeof container !== 'undefined' && container !== null,
+						$c				  = isContained ? $(container) : $w,
+						wPosition        = isContained ? $c.position() : 0,
+            t           = $t.get(0),
+            vpWidth     = $c.outerWidth(),
+            vpHeight    = $c.outerHeight(),
+            clientSize  = hidden === true ? t.offsetWidth * t.offsetHeight : true;
+
+        if (typeof t.getBoundingClientRect === 'function'){
+
+            // Use this native browser method, if available.
+            var rec = t.getBoundingClientRect(),
+                tViz = isContained ?
+												rec.top - wPosition.top >= 0 && rec.top < vpHeight + wPosition.top :
+												rec.top >= 0 && rec.top < vpHeight,
+                bViz = isContained ?
+												rec.bottom - wPosition.top > 0 && rec.bottom <= vpHeight + wPosition.top :
+												rec.bottom > 0 && rec.bottom <= vpHeight,
+                lViz = isContained ?
+												rec.left - wPosition.left >= 0 && rec.left < vpWidth + wPosition.left :
+												rec.left >= 0 && rec.left <  vpWidth,
+                rViz = isContained ?
+												rec.right - wPosition.left > 0  && rec.right < vpWidth + wPosition.left  :
+												rec.right > 0 && rec.right <= vpWidth,
+                vVisible   = partial ? tViz || bViz : tViz && bViz,
+                hVisible   = partial ? lViz || rViz : lViz && rViz,
+		vVisible = (rec.top < 0 && rec.bottom > vpHeight) ? true : vVisible,
+                hVisible = (rec.left < 0 && rec.right > vpWidth) ? true : hVisible;
+
+            if(direction === 'both')
+                return clientSize && vVisible && hVisible;
+            else if(direction === 'vertical')
+                return clientSize && vVisible;
+            else if(direction === 'horizontal')
+                return clientSize && hVisible;
+        } else {
+
+            var viewTop 				= isContained ? 0 : wPosition,
+                viewBottom      = viewTop + vpHeight,
+                viewLeft        = $c.scrollLeft(),
+                viewRight       = viewLeft + vpWidth,
+                position          = $t.position(),
+                _top            = position.top,
+                _bottom         = _top + $t.height(),
+                _left           = position.left,
+                _right          = _left + $t.width(),
+                compareTop      = partial === true ? _bottom : _top,
+                compareBottom   = partial === true ? _top : _bottom,
+                compareLeft     = partial === true ? _right : _left,
+                compareRight    = partial === true ? _left : _right;
+
+            if(direction === 'both')
+                return !!clientSize && ((compareBottom <= viewBottom) && (compareTop >= viewTop)) && ((compareRight <= viewRight) && (compareLeft >= viewLeft));
+            else if(direction === 'vertical')
+                return !!clientSize && ((compareBottom <= viewBottom) && (compareTop >= viewTop));
+            else if(direction === 'horizontal')
+                return !!clientSize && ((compareRight <= viewRight) && (compareLeft >= viewLeft));
+        }
     };
-    
-})(jQuery);
+
+})(jQuery);