Is it possible to change the transition from sliding up/down to fading in/out

[mish]

Hello, 

 

We got the ScrollTrigger working beautifully for what we need. However, we want to use another transition effect. Instead of sliding the content blocks up and down on scroll, is it possible to change the transition to fade in/out? So when you scroll (or use menu links), one content block will fade out and another block will fade in?

 

Here is our current functionality: 

 

Many thanks for any hints!

Cheers. 

See the Pen qBJQqpL by sanjuantala (@sanjuantala) on CodePen

[Rodrigo]

Hi,

 

Maybe something like this:

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

 

Hopefully that helps and is enough to get you started.

Happy Tweening!

[mish]

Thanks very much Rodrigo! It actually looks pretty much like we want it to be, sans the sidebar nav which we will add. We will give it a shot. Thanks again!