Jump to content
GreenSock

Matthew Newman

Horizontal scroll and pin a panel

Recommended Posts

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

Link to comment
Share on other sites

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

  • Like 3
Link to comment
Share on other sites

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

 

 

Link to comment
Share on other sites

  • Matthew Newman changed the title to Horizontal scroll and pin a panel

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!

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×