element suddenly disappearing on scroll up

[Pollen-c]

Hi, I have an issue with my Scrolltrigger animation. My images and texts appear as I want them when I scroll down, but when we scroll up, I really don't like how texts and images suddenly disapear .😐

I would like them to reset when then entirely out of the view, or maybe with a animation.

 

I'm working on elementor pro.

 

Thanks a lot for your help ! 😀

See the Pen oNJmgbr by pauline-chalus (@pauline-chalus) on CodePen

[GreenSock]

I think you overcomplicated things by creating a bunch of unnecessary ScrollTriggers and then you were forcing the animation to jump to the start and pause at the wrong time. Did you intend to do something more like this?: 

See the Pen dywaoaJ?editors=0110 by GreenSock (@GreenSock) on CodePen

[Pollen-c]

Thank you very much, it will probably do for my project but I actually wanted a reset and not a reverse but when I do that, it resets before it's completly out of the view ! Do you see what I mean ?

[Rodrigo]

13 hours ago, Pollen-c said:

I actually wanted a reset and not a reverse but when I do that, it resets before it's completly out of the view ! Do you see what I mean ?

That is because the start point of your ScrollTrigger instances. Honestly I'd stick with the solution Jack provided but if you want to use reset maybe this approach could be useful:

See the Pen poqGXZE by GreenSock (@GreenSock) on CodePen

 

Hopefully this helps.

Happy Tweening!