Footer overlap reveal scroll

[AntonioNB4]

Hi community,
I have created a footer reveal effects . So far so good.
I would like the first section of the footer (the first child) to be in turn overlapped on the second child of the footer and at scroll, when the whole footer is shown, its position (first child) must return to its original position no longer overlapping the second child.

I am trying somehow to change the y-positioning but nothing happens. 

Any suggestions ?

See the Pen qBQRmvG by Antonio-Nocella (@Antonio-Nocella) on CodePen

[Rodrigo]

Hi,

 

I'm not completely sure I follow what you're trying to do. But in your last ScrollTrigger you have just "bottom" as start point, so it defaults to "bottom top" so that never happens, because the bottom of the trigger never reaches the top of the viewport (always use markers in development and while debugging). Also maybe a from instance is more what you're trying to achieve:

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

 

Hopefully this helps.

Happy Tweening!

[AntonioNB4]

Basically, I wanted the footer to reveal itself at scroll but at the same time give a scroll animation to the first heading starting in overlapping on heading two and ascending it back to its original position. In the end I solved this by positioning heading two at the sticky bottom and setting the scroll trigger with uncover on heading one.