Jump to content


Cover up previous sections with animation Scroll trigger

Recommended Posts


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

Link to comment
Share on other sites

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.



Untitled-2 copy.jpg

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.