.thumb.jpg.45ad1f0654d8c8cd759c47599fe1796d.jpg)
Angular routing - scrolltrigger not creating when getting back to page component
I have simple animations on a homepage component that works amazingly when I first visit the page or if I just refresh with F5:
@ViewChild('section1', {static: true}) section1: ElementRef<HTMLDivElement>;
@ViewChild('section2', {static: true}) section2: ElementRef<HTMLDivElement>;
ngOnInit(): void {
this.initScrollAnimation();
}
ngOnDestroy() {
ScrollTrigger.refresh();
}
initScrollAnimation(): void {
gsap.utils.toArray<HTMLElement>(".defil
Welcome to the forums @hello-there
I'm not familiar with routing and lifecycles in Angular, but when you leave a page, you should kill all your ScrollTriggers.
ScrollTrigger.getAll().forEach(t => t.kill())
