Jump to content
Search Community

Scrolltrigger issue when I try to pin a container on top on another.

DD77

Go to solution Solved by Rodrigo,

Recommended Posts

Posted

What I want to achieve is for my wrappers to remain pinned at the top of the screen while scrolling. 

The desired effect is that each tile scrolls, with the next tile moving over it. This should create a slight tilt and a fade effect for the background.
 

Currently, it is working, but the experience is not what I envision. 

Ideally, I would like to achieve a similar experience to what is shown in this link: https://qude.audio/#startOffre.

 

See the Pen mdNjxVq?editors=1010 by davide77 (@davide77) on CodePen.

  • Solution
Posted

Yeah that's a classic Stacking Card effect:

See the Pen poBRQRj by GreenSock (@GreenSock) on CodePen.

 

This guide by @mvaneijgen is a great starting point for this:

 

Hopefully this helps

Happy Tweening!

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.
×
×
  • Create New...