prevent parallax scroll for links

calblueprint · Jan 17, 2024 · 1dacae8 · 1dacae8
1 parent b14d921
commit 1dacae8
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/components/Hero.astro b/src/components/Hero.astro
@@ -223,10 +223,15 @@ import Brand from './Brand.astro';
   }
 </style>
 
-<script>
+<script lang="js">
   const heroParallax = document.querySelector('.parallax-container');
 
-  window.addEventListener('scroll', () => {
-    if (heroParallax) heroParallax.scrollTop = window.scrollY / 4;
+  window.addEventListener('scroll', (e) => {
+    if (e && e.target && e.target.location)
+      return;
+    if (heroParallax)
+      heroParallax.scrollTo({
+        top: window.scrollY / 4,
+      });
   });
 </script>