Hi there!
Previously, I have used ScrollMagic with GSAP for scroll based animations, but currently I'm trying to move forward without it! After searching through the forums, based on @OSUblake's original codepen, I was able to figure out a method I could use to do this using multiple timelines in a forEach loop.
This seems to work well, but in testing on a real-world use case I'm noticing that if I reload the page with the scrollbar/pageYOffset not at the very top, the animation breaks. Has anyone run into this issue, and know how I can resolve or work around this? I'm noticing the issue in Chrome/Firefox, but not in Safari.
I can't replicate the issue within the codepen window due to the way it executes the script, but if you export it from codepen and run it locally, you should be able to replicate the issue.
Thanks for any help you can provide