[Demo available]

Thank you mvaneijgen. I didn't think i can do it with one big timeline that plays in order. Very helpful

[Demo available]

2 hours ago, Cassie said:

Sure, why don't you give it a go, feel free to ask about any part of it that's confusing you!

 

It's often more beneficial to step through it yourself.

I did something like this. Please give me any suggestion or enhancements are welcome,  beacuse i dont know if heading goes exactly to the top of the container.

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

[Demo available]

Could be a solution. Seems work. I need only last thing. After the scaling of the header i need to move it form the center of container to the top .

Its possible ?

[Demo available]

Hi @Cassie,

i created something like this 

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

I need to scale the text to the size of its parent container. 
Then there remains the rest of the animation, which is honestly a little more difficult for me.

[Demo available]

Hi Cassie, 

I will try and update you

[Demo available]

Is there a demo of the scroll effects at 0.23 sec of the video below ?

 

 

[Horizontal sticky scroll panel]

Great! Thank you :))

happy tweening! 

[Horizontal sticky scroll panel]

 

In the horizontal scroll sticky here is it possible to decrease the scroll speed ?
And its possible to block the panels that scroll a few pixels before reaching the edge of the previous panel?

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

[💚 ✨ GSAP 2022 Showreel ✨ 💚]

Is there a demo about a part of the video at 0.23 seconds ? @Cassie

[Horizontal Scroll with Sticky Panels Effect]

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

 

In the horizontal scroll sticky here is it possible to decrease the scroll speed ?
And can I block the panels that scroll a few pixels before reaching the edge of the previous panel?

[Horizontal Scroll with Sticky Panels Effect]

Great! Yes, that was the solution. I placed the section after within the same section where the horizontal scroll is located. I some questions: 
1) how do I upload the minimal code pen demo here ?
2) in the horizontal scroll sticky here is it possible to decrease the scroll speed ?
3) can I block the panels that scroll a few pixels before reaching the edge of the container (container start)?

 

Thanks to @Rodrigo and @GSAP Helper too.

 

Best regards.

[Horizontal Scroll with Sticky Panels Effect]

Hello dev,
I have used the same configuration as in the demo above but I get an empty space below the container which only reduces at the end of the scroll, making the section just below appear. I don't want that empty space underneath. What could it be ?