Cover up previous sections with animation Scroll trigger

[ihateindex 0 Likes (Newbie)]

hi!

Just once, I want to create a scroll trigger animation where the next section covers the previous section.

I want to scroll to footer and stop, but is not work.

There are more areas under footer.

 

plz check my demo...

See the Pen bGarZmp by ihateindex (@ihateindex) on CodePen

[GreenSock 18,286 Likes (Superhero)]

There are many demos at https://greensock.com/st-demos/

 

Are you looking for something like this?: 

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

[ihateindex 0 Likes (Newbie)]

I have confirmed it.

But what I want is that the next section(wrapper enclosing sections 3, 4, 5), which is longer than the previous section(section 2), covers the previous section, and then scrolls.

that example, the height of the sections is the same.

 

plz check my pic

 

Section 2 is overwritten by Section 3.

However, Section 3 is smaller than Section 2, so I tried to overwrite Section 2 with the wrappers wrapped around Section 3, 4, and 5.

Subsequently, sections 3, 4, and 5 proceed to normal scrolling.