From 10560eb69f58acbf7ec09c72de654b912d3f69e7 Mon Sep 17 00:00:00 2001
From: saiminh <saiminh@gmail.com>
Date: Thu, 19 Oct 2023 17:03:58 +0200
Subject: [PATCH] scroll to top on mount

---
 src/routes/service/+page.svelte | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/routes/service/+page.svelte b/src/routes/service/+page.svelte
index 056d7d5..80c2b15 100644
--- a/src/routes/service/+page.svelte
+++ b/src/routes/service/+page.svelte
@@ -8,16 +8,21 @@
   import ScrollToPlugin from 'gsap/dist/ScrollToPlugin';
 
   onMount( () => {  
+
+    window.scrollTo(0, 0);
+
     gsap.registerPlugin( ScrollTrigger, SplitText, ScrollToPlugin );
     
     let split = new SplitText('h1', { type: 'words', wordsClass: 'wordChildren' });
 
+    const h1ClickHandler = () => {
+       gsap.to(window, { duration: .75, scrollTo: { y: '.services', offsetY: 100 }, ease: 'power4.inOut' })
+     }
+
     let introTl = gsap.timeline({
      paused: true,
      onComplete: () => {
-       document.querySelector('h1')?.addEventListener('click', () => {
-         gsap.to(window, { duration: .75, scrollTo: { y: '.services', offsetY: 100 }, ease: 'power4.inOut' })
-       })
+       document.querySelector('h1')?.addEventListener('click', h1ClickHandler)
      }
     });
     introTl.fromTo(split.words, {
@@ -59,6 +64,7 @@
       gsap.killTweensOf('h1');
       gsap.killTweensOf('section');
       gsap.killTweensOf('.services');
+      document.querySelector('h1')?.removeEventListener('click', h1ClickHandler )
     }
   })
 </script>