Merge pull request #40 from bramschulting/master

Mark partially visible when center is visible
joshwnj · Jul 20, 2016 · 3bd1a0f · 3bd1a0f
2 parents 8d77951 + 3a44951
commit 3bd1a0f
Showing 1 changed file with 7 additions and 5 deletions.
diff --git a/visibility-sensor.js b/visibility-sensor.js
@@ -117,13 +117,15 @@ module.exports = React.createClass({
     // check for partial visibility
     if (this.props.partialVisibility) {
       var partialVertical =
-          (rect.top >= containmentRect.top && rect.top <= containmentRect.bottom)
-          || (rect.bottom >= containmentRect.top && rect.bottom <= containmentRect.bottom)
-          || (rect.top <= containmentRect.top && rect.bottom >= containmentRect.bottom);
+          (rect.top >= containmentRect.top && rect.top <= containmentRect.bottom)           // Top is visible
+          || (rect.bottom >= containmentRect.top && rect.bottom <= containmentRect.bottom)  // Bottom is visible
+          || (rect.top <= containmentRect.top && rect.bottom >= containmentRect.bottom);    // Center is visible
+
 
       var partialHorizontal =
-          (rect.left >= containmentRect.left && rect.left <= containmentRect.right)
-          || (rect.right >= containmentRect.left && rect.right <= containmentRect.right);
+          (rect.left >= containmentRect.left && rect.left <= containmentRect.right)         // Left side is visible
+          || (rect.right >= containmentRect.left && rect.right <= containmentRect.right)    // Right side is visible
+          || (rect.left <= containmentRect.left && rect.right >= containmentRect.right);    // Center is visible
 
       var partialVisible = partialVertical && partialHorizontal;