Streaming live at 10am (PST)

Scrolling Vertical Text

I am stuck trying to figure out how to get this text to animate the way I want. I’m working with 2 issues: the static/sticky issue and the text scroll issue.

I want the left side (“I am a…”) to be sticky while the right side ("Designer/Creative/Storyteller/etc.) scrolls (like this website). The scroll would trigger it to say I am a…Designer/Creative/Storyteller/etc, changing as you scroll)

I want the text to scroll like this animation. But rather than it looping, I want the user scrolling up or down to trigger the text moving into the “mask.” So as they scroll the text options outside of the mask will be lighter red and scrolling will move the list up or down, thus changing word within the sentence which would be bright red.

I hope that all makes sense. I have looked through countless forum posts and YouTube tutorials and haven’t had any luck. I would appreciate any help you can offer!

Here is my public share link: Webflow - Sparkman Design)