Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
aerra

Sections fade in effect & inner scroll

Recommended Posts

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

Link to comment
Share on other sites

This thread may help with this!

 

 

  • Like 2
Link to comment
Share on other sites

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? 

  • Like 7
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×