Scroll menu with DOM manipulation

I would like to create this effect:

when you scroll the page the text it goes down until you get to the last item on the list.
I have understand that I need to change scrollY into transform : translate ( 0px , x) but I don’t know how to do with JS.

I need to take the span tag access the CSS translate property and edit that variable there right?
And how to change opacity when I scroll span?

This is my mini-project:

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.