Update index.html

Whitzzscott · Sep 3, 2024 · aed5041 · aed5041
1 parent ace0fb3
commit aed5041
Showing 1 changed file with 30 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -1,3 +1,4 @@
+
 <!DOCTYPE html>
 <html lang="en">
 <head>
@@ -141,6 +142,35 @@ <h2>Suggestion Accepted!</h2>
     });
 };
     </script>
+   <script>
+  // Add this script to detect scroll and add 'visible' class when elements are in view
+document.addEventListener("DOMContentLoaded", function () {
+    const scrollElements = document.querySelectorAll('.scroll-element');
+
+    const elementInView = (el, dividend = 1) => {
+        const elementTop = el.getBoundingClientRect().top;
+        return (elementTop <= (window.innerHeight || document.documentElement.clientHeight) / dividend);
+    };
+
+    const displayScrollElement = (element) => {
+        element.classList.add('visible');
+    };
+
+    const handleScrollAnimation = () => {
+        scrollElements.forEach((el) => {
+            if (elementInView(el, 1.25)) {
+                displayScrollElement(el);
+            }
+        });
+    };
+
+    window.addEventListener('scroll', () => {
+        handleScrollAnimation();
+    });
+
+    handleScrollAnimation();
+});
+ </script>
     <script>
   window.va = window.va || function () { (window.vaq = window.vaq || []).push(arguments); };
 </script>