Next.js Discord

Discord Forum

How to make element follow Y position on the page?

Unanswered
Minskin posted this in #help-forum
Open in Discord
MinskinOP
Hi everyone! I am looking for a way to make an element follow the Y position on the page, but haven't found anything that was beginner friendly enough for me to understand online. I use Next.js and Tailwind css.

4 Replies

American Crow
following the Y Axis of your mouse cursor or when scrolling?
@American Crow following the Y Axis of your mouse cursor or when scrolling?
MinskinOP
Sorry, not sure what you mean by that? Could you perhaps give an example? I'm a beginner in web development and next.js, not sure how to do stuff like that.
@Minskin Sorry, not sure what you mean by that? Could you perhaps give an example? I'm a beginner in web development and next.js, not sure how to do stuff like that.
American Crow
I am asking you to give an example. Since i am not sure what you try to achieve.
Do you mean something like fixed or sticky positions?
https://tailwindcss.com/docs/position#fixed-positioning-elements
^ Scroll in the example, note how "Contacts" always sticks to the top.
Is that what you want?
@American Crow I am asking you to give an example. Since i am not sure what you try to achieve. Do you mean something like fixed or sticky positions? https://tailwindcss.com/docs/position#fixed-positioning-elements ^ Scroll in the example, note how "Contacts" always sticks to the top. Is that what you want?
MinskinOP
Sorry for the late response, I chose to prioritize something else since this turned out to be too difficult for me at the moment. I will have a look at what you mentioned and the link you sent when I'm back at this issue again later on. Thank you for the help either way! I really appreciate it!