simon/floter.design
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

scroll to top on mount

Browse source
This commit is contained in:
saiminh 2023-10-19 17:03:58 +02:00
parent 6085c572ad
commit 10560eb69f
1 changed files with 9 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
src/routes/service/+page.svelte
View file

@ -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>