Move menu after reaching section

[noeyeat]

I'm working on something like a full screen sections with a big menu that scrolls to left/right depending on the section but I can't get it right. Basically, when the first section ends I want the menu to translate to left and when I scroll up I want it to translate back to right. How can I achieve this? It's something like this http://en.leningrad.io/

See the Pen jZwzex by anon (@anon) on CodePen

[Carl]

Sorry, I'm not sure how to wire up ScrollMagic like that.

Here is there horizontal demo: http://scrollmagic.io/examples/basic/going_horizontal.html

 

Oddly, it didn't seem to work for me. Might be worth checking with their support team.

We really have to stay focused on the GSAP API. If you have any animation code you need help with, please let us know. Happy to help.

[OSUblake]

ScrollMagic doesn't do the actual horizontal scrolling for you. Drag the scrollbar and you'll see it works.

[PointC]

Here's a demo I made as an answer to another forum question, but it has some pinning with horizontal movement. Maybe it will give you some ideas.

 

See the Pen WRLEwp by PointC (@PointC) on CodePen