Use scrollingElement for clientHeight evaluation, if avaialble.

ryanhefner · Jan 5, 2018 · 492eae1 · 492eae1
1 parent 515e9fc
commit 492eae1
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/index.js b/src/index.js
@@ -63,7 +63,8 @@ class ScrollTrigger extends Component {
     const element = ReactDOM.findDOMNode(this.element);
     const elementRect = element.getBoundingClientRect();
     const viewportStart = 0;
-    const viewportEnd = document.body.clientHeight;
+    const scrollingElement = document.scrollingElement || document.body;
+    const viewportEnd = scrollingElement.clientHeight;
     const inViewport = elementRect.top < viewportEnd && elementRect.bottom > viewportStart;
 
     const position = window.scrollY;