rytm-webflow 2.1.8 → 2.1.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rytm-webflow",
-  "version": "2.1.8",
+  "version": "2.1.9",
   "description": "rytm webflow pack - ASwap, ShowUp",
   "main": "scripts/index.js",
   "scripts": {

package/scripts/aswap/WebflowView.js

@@ -217,16 +217,21 @@ class WebflowView extends View {
       });
       // on scene add event
       scene.on("add", (e) => {
-        if (elementIsVisibleInViewport(el, true)) {
+        // wait 10ms before checking if element is in view
+        // due to asap scroll position reset
+        setTimeout(() => {
           // element is in view - animate IN
-          gsap.to(el, {
-            duration: propsShow.time, 
-            ...propsShow.tween, 
-            onComplete: () => {
-              el.classList.add(CLASS_NAME_WEBSCROLL_FIRED);
-            }
-          });
-        }
+          if (elementIsVisibleInViewport(el, true)) {
+            console.log("Timeout", el);
+            gsap.to(el, {
+              duration: propsShow.time, 
+              ...propsShow.tween, 
+              onComplete: () => {
+                el.classList.add(CLASS_NAME_WEBSCROLL_FIRED);
+              }
+            });
+          }
+        }, 10);
       });
       scene.addTo(scrollController.get());
       this.scenes.push(scene);