Hello GreenSock!💚
I'm a beginner in the gsap. I have an issue with the animated footer when I use the ScrollTrigger in my project.
Everything works well, before the situation when the content height is changed.
I created a small example that demonstrates this issue: This CodeSandBox.
Steps to find the issue:
Comment out markers in the App.js.
Scroll to the end of the page.
You will see animation works great.
Then, you need to refresh the page and change the input to something like "1...2...3".
Check the footer again. You will see that animation not working.
If test this with enabled markers I see the start placed out from the page. I tried to fix that with ScrollTrigger.refresh() in the onChange, also I tried different ScrollTrigger methods. But this anyway not what I expected. The expected animation should work regardless of page size. How can I resolve this issue?
Thanks, a lot!
Hideakimaru