[How can I create this effect using GSAP?]

Thank you for your help first of all. It really works great! But can we achieve this without using ScrollMagic plugin? Just curious. You can only explain.

[How can I create this effect using GSAP?]

Hello all, 

 I am newbie and just started to learn GSAP technology in my company. I have asked to create this effect using GSAP. I tried my best to find scrollTop of current message and fail to apply autoAlpha on it. Will you just check both images and can someone tell me how can I create fadein and fadeout effect scrolling up and down. I want to show current message with opacity 1 and last message with 0.5 and last second message 0.25 and so on. And when I scroll down messages opacity should change as per scroll. Please need someone early help to achieve this. Thanks in advance.

 

See the Pen qpLxvz by LeoZoe (@LeoZoe) on CodePen