tweaksville population you

royalfig · Jul 10, 2023 · 79a042a · 79a042a
1 parent 1e3814b
commit 79a042a
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/assets/css/components/card.css b/assets/css/components/card.css
@@ -285,6 +285,6 @@
   }
 }
 
-.fade-in {
+.sm-observed {
   opacity: 1;
 }
diff --git a/assets/js/app/app.js b/assets/js/app/app.js
@@ -33,16 +33,19 @@ function animateOnScroll() {
       entries.forEach((entry) => {
         const el = entry.target;
         const ratio = entry.intersectionRatio;
+
+        if (ratio > 0.5) {
+          // remove from observation
+          el.classList.add('sm-observed');
+          observer.unobserve(el);
+        }
+
         const calculatedRatio = (num) => {
-          if (num < 0.1) {
+          if (num < 0.25) {
             return 0;
           }
 
-          if (num > 0.6) {
-            return 1;
-          }
-
-          return num;
+          return 1;
         };
         el.style.opacity = calculatedRatio(ratio);
       });