Scrolled Typography – Fixed Section

Hi there

I have so issues with getting a scroll effect.
I want that if the user scrolls down my page, the big letters in the hero-section should move from right to left. And only afterwards, the portfolio-section should move up (so I think it should be fixed?)

Here is my Link:
https://preview.webflow.com/preview/samuelherzog-2?utm_source=samuelherzog-2&preview=18cfe89f2a470ffe0857cb334e3c9fca

Can anyone help me on this?
Best wishes from Switzerland :slight_smile:

Samuel

Hi Thomas

Thank you for your time!
I tried your resolution, but it wasn’t what I was looking for.
I worked on it again and got a step further to the animation I want to get.

But I don’t think that’s very clean solved.
Basically the «Portfolio-Section» should be fixed until the Text in the «Hero» leaves. Then the «Portfolio-Section» moves up.

Any Idea how to do that propperly? :slight_smile:

Best wishes! I thank you in advanced :slight_smile:

Samuel

Link: https://preview.webflow.com/preview/samuelherzog-2?utm_source=samuelherzog-2&preview=18cfe89f2a470ffe0857cb334e3c9fca