Sections fade in effect & inner scroll

[aerra 2 Likes (Newbie)]

Hi!

 

I would like to know if a fade in effect between sections is possible with GSAP & ScrollTrigger while a section has more content and needs to be scrollable at the same time.

 

With the help of the ScrollTrigger demos I was able to achieve the fade in effect, but I don't know how to keep this fade effect between sections while also being able to scroll the section with more content (in this case, section 2).

 

I would really appreciate any help or hints as to where / what I should be looking for.

 

See the Pen LYLEdbO by dianastanciu (@dianastanciu) on CodePen

[Cassie 5,412 Likes (Superhero)]

This thread may help with this!

 

 

[GreenSock 18,597 Likes (Superhero)]

It is an interesting challenge...I got sucked in and whipped together this solution:

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

 

It basically uses a "y" animation to fake the scroll on sections that are taller than the window height. 

 

Is that what you were looking for? 

[aerra 2 Likes (Newbie)]

@GreenSock, it is exactly what I was looking for, thank you so much!!