Hello akapowl,
thanks for your answer and sorry for the late response. to be honest, I don´t understand exactly, but I think I understand a few steps: the position of the scrolltrigger in the function - needs to be beforekilling. That sounds good. ok. And I think, I need the
for the triggerposition? Am I right? I changed the trigger of all panels to the classes of the animated divs because of having 4 animations.
And I now put all the other animations in place and they work. For the animation in the first section I made a "first" panel with display: none. It works. But I think, it is not very elegant. Is there a better way?
And how can I manage, that the animation inside the panels first completes before scrolling down the panel itself? Or fix the animation in the middle of the viewport? Or at the top of the panel? I tried with pining the "project"-div. No chance. And I tried a timeline. But I think, theres is my problem with the right positioning of the timeline in the code.
https://codepen.io/nettys/pen/ExopGRx