ScrollTrigger FadeIn and Fade out

[danilesky17]

Hello , can somebody help me with this please . My target is to make Fade in and Fade out on section with class "fade" , but there is problem when its going to fade out there is no staying scrolltrigger set opacity 1 from fadeing in but it set default opacity 0 from CSS . Could somebody edit my code please to work and explain me what was wrong ? Thank you :) 

See the Pen GRqjPVE by danilesky (@danilesky) on CodePen

[ZachSaucier]

Hey danilesky17 and welcome to the GreenSock forums.

 

You're making one of the most common ScrollTrigger mistakes. I won't re-explain myself here (you should just read the article), but here's how I'd set it up in your case:

See the Pen QWEGjPK?editors=0010 by GreenSock (@GreenSock) on CodePen

[danilesky17]

thank you so so much ❤️