scroll to top on mount
This commit is contained in:
parent
6085c572ad
commit
10560eb69f
1 changed files with 9 additions and 3 deletions
|
|
@ -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>
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue