In desperate need of the webflow hive mind!
I have a website with a lot of animations (mostly lottie with under 100kb) which do span across the full view width/height.
The animations without interactions attached to them (looping) are performing well, however I have an issue with my initial hero scroll animation on mobile.
The animation is getting stuck on mobile with normal use. It only works if I scroll very slowly which is not realistic.
Any suggestions on how to improve it? The scroll animation has only a 72KB and is set to 30fps with a 2 second run time. I am dreading to increase the fps to 60 but it would be something I would like to do.
I would much appreciate any suggestions as I am so frustrated by now.
If a loading animation would help I would gladly do it but as the issue is persistent independent of the wait time I doubt this will be a solution.
Here is my staging link: noiseinmotion.webflow.io
And here is my read only link:Read-Only
I would be so thankfull if anyone could find a solution (I am technically well versed but not a programmer - have’t coded in 9 years).
Mica
Here is my public share link: LINK
(how to access public share link)