Restore homepage.js

Author: benhatsor

homepage/homepage.js

@@ -174,35 +174,22 @@ checkPWA();*/
 
 // add scroll event listeners
 
-const screenHeight = window.innerHeight,
-      featurePoints = document.querySelectorAll('#features .ftPoint'),
-      
-      pointMargin = 34,
-      startPointAnimation = (screenHeight / 3);
-
-
-let totalPointAnimation = startPointAnimation,
-    pointStaggerIntervals = [];
+const screenHeight = window.innerHeight;
 
-// set stagger intervals for feature points
-featurePoints.forEach(point => {
+const featurePoints = document.querySelectorAll('#features .ftPoint');
 
-  pointStaggerIntervals.push(totalPointAnimation);
+const startPointAnimation = screenHeight / 3;
+const pointStaggerInterval = 34 + (7 * 5);
 
-  totalPointAnimation += point.clientHeight;
-  
-});
-
-
-function checkPointAnimations() {
+function checkScrollAnimations() {
 
   // window scroll position
   const scrolled = window.scrollY || window.pageYOffset;  
-
-  // check feature point animation
+  
+  // add staggered feature points animation
   featurePoints.forEach((point, index) => {
-
-    const pointAnimation = pointStaggerIntervals[index];
+    
+    const pointAnimation = startPointAnimation + (pointStaggerInterval * index);
 
     if (scrolled >= pointAnimation) {
       point.classList.add('visible');
@@ -215,5 +202,5 @@ function checkPointAnimations() {
 }
 
 
-window.addEventListener('scroll', checkPointAnimations);
-checkPointAnimations();
+window.addEventListener('scroll', checkScrollAnimations);
+checkScrollAnimations();