[Trying to fake pin a section using containerAnimation in fake horizontal scroll scenario]

Hello, I am trying to fake pin the panel 3 in the scenario given above by using containerAnimation but scrollTrigger's start and end position are not in the correct position.

Any help would be highly appreciated, Thanks

See the Pen WNLbWzw by Nabeel-dechains (@Nabeel-dechains) on CodePen

[Trying to use ScrollTrigger after the completion of previous ScrollTrigger]

Hello, I am trying to fake pin the panel 3 in the above scenario by using containerAnimation but scrollTrigger's start and end position are not in the correct position below is the code pen:

See the Pen WNLbWzw by Nabeel-dechains (@Nabeel-dechains) on CodePen

Any help would be appreciated.

[Trying to use ScrollTrigger after the completion of previous ScrollTrigger]

Ah! I see, my bad. Thank you for the help, this solved the issue

[Trying to use ScrollTrigger after the completion of previous ScrollTrigger]

Thank you for quick reply, It pretty much solved the problem but the scrollTrigger on leaving is causing an extra scroll for some reason. I can't seem to figure out why that is?

[Trying to use ScrollTrigger after the completion of previous ScrollTrigger]

Hello, I am trying to use two scrollTriggers in the following codepen. First one is to reveal the green section after the loader basically, and second one will be for the horizontal scrolling of sections.

 

The green section is revealing fine but I can't seem to make the horizontal scrolling work, Try uncommenting the code and you will see the issue.

 

Any ideas on how I can make this work?

 

See the Pen wvRBZma by Nabeel-dechains (@Nabeel-dechains) on CodePen