Merge pull request #98 from leopittelli/master

added lazy load for whole container out of viewport

Author: loktar00

src/LazyLoad.jsx

@@ -36,6 +36,8 @@ export default class LazyLoad extends Component {
 
     add(window, 'resize', this.lazyLoadHandler);
     add(eventNode, 'scroll', this.lazyLoadHandler);
+
+    if (eventNode !== window) add(window, 'scroll', this.lazyLoadHandler);
   }
 
   componentWillReceiveProps() {
@@ -104,6 +106,8 @@ export default class LazyLoad extends Component {
 
     remove(window, 'resize', this.lazyLoadHandler);
     remove(eventNode, 'scroll', this.lazyLoadHandler);
+
+    if (eventNode !== window) remove(window, 'scroll', this.lazyLoadHandler);
   }
 
   render() {

src/utils/inViewport.js

@@ -19,6 +19,8 @@ export default function inViewport(element, container, customOffset) {
     bottom = top + window.innerHeight;
     right = left + window.innerWidth;
   } else {
+    if (!inViewport(container, window, customOffset)) return false;
+
     const containerPosition = getElementPosition(container);
 
     top = containerPosition.top;