Unable to reveal the hidden div behind the horizontal scroll

[Mohit Pain]

Hey everyone,

I'm trying to make a horizontal scroll, and it is working fine as I want. However, at the last part, I'm not able to reveal the hidden div as shown in the video. What I want is that after the horizontal scroll is completed, the horizontal card should start moving up so that I can see my hidden div. When I can see my complete hidden element, I want it to get pinned at the top so that I can animate the elements of that hidden element, just as shown in the video.

 

it is quite hard for me and im stuck.

 

you can see in this youtube video, its only 20sec long :

 

https://youtu.be/cUU-9TOSqac

 

 

 

See the Pen KKLQwEV by Mohit-Mishra-the-styleful (@Mohit-Mishra-the-styleful) on CodePen

[Rodrigo]

Hi,

 

There are mainly two issues in your setup.

1. You are pinning the wrong element, is better to pin the outmost container in order to prevent layout/flow issues.
2. You don't have any animation for revealing the image that is below the horizontal section

This is a  fork of your demo:

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

 

Hopefully this helps

Happy Tweening!