Anchor Scroll Back to the Top of the Page in Webflow

[@HD-fe6oi]

This was great! thank you. I just did in today. I looked for the section Hero at the top, on settings named the id "Top ( You can name it whatever you want)." Then, on the "Link Block Settings under settings" I changed the section to "top." It scrolls all the way to the top now...amazing. :D

[@clcreativedallas]

Glad it helped!

[@katiasantos1569]

Thank you so much for this amazing video!

[@clcreativedallas]

You are welcome.

[@rafaelkent7704]

great vid thank you

[@clcreativedallas]

Glad you enjoyed it

[@anuchek]

Thanks!

[@clcreativedallas]

No problem!

[@HD-fe6oi]

This is great. I have only one question, my arrow hides under the hero when it scrolls all the way to the top, is there a solutions to this?

[@clcreativedallas]

Hey glad you found it helpful. Yes, you need to increase the z-index of the arrow until it goes over the hero section.

[@jyju_9724]

Thanks

[@clcreativedallas]

Welcome

[@AhmadAteek]

thank you so much !

[@clcreativedallas]

You're welcome!

[@AleksaMarkovic-ni4ru]

okey, this is fine but i want to make this and i want to show only after hero ( first ) section , and when i back on top i want it to disappear

[@clcreativedallas]

You will need some additional JS for this along with using the Observer API. I'll need to work on another video for that.

[@AhmadAteek]

yes please !@@clcreativedallas

[@nubreakz1]

u can change hero section position to Relative and then change z -index higher than z -index of the arrow.

[@WylderTyler]

First comment 🤌