I'm having a weird issue where one timeline and one forEach tween are only working some of the time after browser/page refresh. Both are using a scrollTrigger.
Here is the site: http://phpstack-452338-1436478.cloudwaysapps.com/
Here is the JS File: http://phpstack-452338-1436478.cloudwaysapps.com/js/annagreen.js
Issue #1 (happens about 80% of the time or every 8 out of 10 refreshes)
On my timeline monkeyPipe (line 116) the .to(cityTopBackground, {scale: topCity
Hi @Cassie,
Thanks for your direction, putting lazy: false fixed the issue on the current version of GSAP for the images that would not consistently slide in. I also gave the Beta version a quick try and that fixes the issue even if you don't add lazy: false.
Getting that issue out of the way helped me figure out that why issue#1 was happening. Basically the image would not load fast enough to get the width of the div I needed and my variable would come back as 0 half th