Hello all, first of all - really love your work, efforts and support in the forums.
To my problem:
I have a pinned section with animating elements inside (4 timelines with animations running one after the other). Actually it works pretty fine in almost all browsers - except firefox. I have a bug there, where on first load of the page sometimes the "pin-spacer" does not load enough height so the below sections "run over"/overlay the animating section when scrolling.
When refreshing the page, the height of the pin-spacer is correct, and everything works like it should.
The animations involve:
the section for the animations is set too 100vh and pinned;
the animation timelines involve (position: absolute) Elements fading in and out (opacity) and text animation similar to typewriter effect
the timelines are triggered by invisible bars with %-defined heights
I don't know if I can reproduce this problem in a CodePen since my animation is also integrated into a CMS (Weblication) System...maybe someone has a solution at hand from this description (if not, I will give it my best trying to reproduce the problem)
Thanks in advance & greetings