scroll to top on mount

This commit is contained in:
saiminh 2023-10-19 17:03:58 +02:00
parent 6085c572ad
commit 10560eb69f

View file

@ -8,16 +8,21 @@
import ScrollToPlugin from 'gsap/dist/ScrollToPlugin'; import ScrollToPlugin from 'gsap/dist/ScrollToPlugin';
onMount( () => { onMount( () => {
window.scrollTo(0, 0);
gsap.registerPlugin( ScrollTrigger, SplitText, ScrollToPlugin ); gsap.registerPlugin( ScrollTrigger, SplitText, ScrollToPlugin );
let split = new SplitText('h1', { type: 'words', wordsClass: 'wordChildren' }); 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({ let introTl = gsap.timeline({
paused: true, paused: true,
onComplete: () => { onComplete: () => {
document.querySelector('h1')?.addEventListener('click', () => { document.querySelector('h1')?.addEventListener('click', h1ClickHandler)
gsap.to(window, { duration: .75, scrollTo: { y: '.services', offsetY: 100 }, ease: 'power4.inOut' })
})
} }
}); });
introTl.fromTo(split.words, { introTl.fromTo(split.words, {
@ -59,6 +64,7 @@
gsap.killTweensOf('h1'); gsap.killTweensOf('h1');
gsap.killTweensOf('section'); gsap.killTweensOf('section');
gsap.killTweensOf('.services'); gsap.killTweensOf('.services');
document.querySelector('h1')?.removeEventListener('click', h1ClickHandler )
} }
}) })
</script> </script>