I have 3 timelines on my page that are all set with scrub and pin enabled. On desktop screen sizes they all work as intended and pin properly when animating. But, on tablet and mobile screen sizes the first animation works and pins correctly, then the other 2 pin in the wrong location on the page. These sections will jump and pin to the screen when I am not at the scroll trigger yet, and then jump back up the page after the animation in complete.
The strange thing is that it is dependent on the order of the animation timelines on the page. When I reorder the animations so that they are in the order they were created it all works. But, if I move the newest animation timeline to the top then it breaks the pin functionality of the others (but it works on desktop).
Is this a bug or do the timelines need to be used in the order they were created?