Horizontal scroll and pin a panel

[Matthew Newman]

Hello, I'm new to Greensock and I'm loving it however I have hit a blocker and wondered if someone can help on the 2nd panel with the map, it should stop and reveal 4 map pointers and text, then carry on to the 3rd panel. I can get this to work on a vertical scroll see

See the Pen xxjpWjX by sheree_oneltd (@sheree_oneltd) on CodePen.

 

See the Pen ZEovroN by sheree_oneltd (@sheree_oneltd) on CodePen.

[elegantseagulls]

This is because the actual scroll direction is vertical, so it's not picking up on those animations. What you are looking for is using Container animations:

 

Demo here:

See the Pen WNjaxKp by GreenSock (@GreenSock) on CodePen.

[Matthew Newman]

Thank you for you help I have used containerAnimation on the "fake" horizontrol scroll which work on all my other panels apart from one.

It's my fault I have not explained myself very well ?.

 

On my horizontrol scroll I need to stop (pin) the 2nd panel so it can do what it is doing in this example

See the Pen xxjpWjX by sheree_oneltd (@sheree_oneltd) on CodePen.

 

I'm not even sure it's possable to do

 

 

[GreenSock]

I'm not sure I understand what you're asking, but you can't do pinning on a "fake" horizontal scroll. The only way I can think of to do that would be to counter-animate it in the other direction to make it look like it's staying still. Not simple, but doable in theory. If you need extra help, you can either post in the "Jobs & Freelance" forum or contact us for paid consulting services. 

Good luck!