Update index.html

Author: benhatsor

index.html

@@ -325,6 +325,15 @@ <h2 class="color-1 weight-title-h font-title section__title center">A codeful of
 
 function checkScrollAnimations() {
 
+  featurePoints.forEach(point => {
+    
+    const visible = isScrolledIntoView(point);
+    
+    point.classList.toggle('visible', visible);
+    
+  });
+  
+  /*
   // window scroll position
   const scrolled = window.scrollY || window.pageYOffset;  
   
@@ -340,7 +349,24 @@ <h2 class="color-1 weight-title-h font-title section__title center">A codeful of
     }
     
   });
+  */
+  
+}
+
+function isScrolledIntoView(el) {
+  
+  const rect = el.getBoundingClientRect();
+  const elemTop = rect.top;
+  const elemBottom = rect.bottom;
+
+  // Only completely visible elements return true:
+  const isVisible = (elemTop >= 0) && (elemBottom <= window.innerHeight);
+  
+  // Partially visible elements return true:
+  // isVisible = elemTop < window.innerHeight && elemBottom >= 0;
 
+  return isVisible;
+    
 }
 
 window.addEventListener('scroll', checkScrollAnimations);