Enabling intersection observer options.

stratiformltd · Nov 1, 2018 · cc79d34 · cc79d34
1 parent 212f210
commit cc79d34
Showing 1 changed file with 13 additions and 10 deletions.
diff --git a/src/createLoadableVisibilityComponent.js b/src/createLoadableVisibilityComponent.js
@@ -4,16 +4,18 @@ import { IntersectionObserver } from './capacities'
 let intersectionObserver
 const trackedElements = new Map()
 
-if (IntersectionObserver) {
-  intersectionObserver = new window.IntersectionObserver((entries, observer) => {
-    entries.forEach((entry) => {
-      const trackedElement = trackedElements.get(entry.target)
-
-      if (trackedElement && entry.intersectionRatio > 0) {
-        trackedElement.visibilityHandler()
-      }
-    })
-  })
+const setIntersectionObserver = (options) => {
+  if (IntersectionObserver) {
+    intersectionObserver = new window.IntersectionObserver((entries, observer) => {
+      entries.forEach((entry) => {
+        const trackedElement = trackedElements.get(entry.target)
+
+        if (trackedElement && entry.intersectionRatio > 0) {
+          trackedElement.visibilityHandler()
+        }
+      })
+    }, options)
+  }
 }
 
 function createLoadableVisibilityComponent (args, {
@@ -52,6 +54,7 @@ function createLoadableVisibilityComponent (args, {
       if (!preloaded) {
         const element = this.loadingRef
         trackedElements.set(element, this)
+        setIntersectionObserver(args[0].observerOptions)
         intersectionObserver.observe(element)
       }
     }