Pin an element inside of fading section

[hafsamirza]

Hello Team,

 

I am new to gsap, following pinned section topic, here would like the flow to be like this
when 1st title fades and 2nd comes , i want it to move to the top and become the sticky header,  all other 5 sections will scroll below it and then this  container will be completed. Can you help me with that please?

 

 

See the Pen RwJyKoB by haxorgirl (@haxorgirl) on CodePen

[GSAP Helper]

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "here is my list of requirements...please show me how to build it" custom tutorials. Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations.  

 

If you're looking for ScrollTrigger effects, I'd recommend looking at the demos at https://greensock.com/st-demos and https://codepen.io/collection/DkvGzg and https://codepen.io/collection/AEbkkJ - you may be able to use one of those as a jumping-off point. 

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

[hafsamirza]

4 hours ago, GSAP Helper said:

We love helping with GSAP-related questions, but unfortunately we just don't have the resources to provide free general consulting, logic troubleshooting, or "here is my list of requirements...please show me how to build it" custom tutorials. Of course anyone else is welcome to post an answer if they'd like - we just want to manage expectations.  

 

If you're looking for ScrollTrigger effects, I'd recommend looking at the demos at https://greensock.com/st-demos and https://codepen.io/collection/DkvGzg and https://codepen.io/collection/AEbkkJ - you may be able to use one of those as a jumping-off point. 

 

You are welcome to post in the "Jobs & Freelance" forum for paid consulting, or contact us directly. 

Not the answer I was looking for, Just needed the headsup on topic not asking to "here is my list of requirements...please show me how to build it" .

 

Thanks anyways

[Cassie]

Sorry you didn't get the answer you were after. We're happy to help with GSAP specific questions if there's a part of this you're struggling to understand.

Think 'help me to understand' rather than 'help me build'

Maybe pinning? Or timelines? Is there a specific part of the approach you're struggling to wrap your head around?