Scroll top button - back to top Using Only HTML & CSS

◘ Music Name : Unknown Brain - Why Do I? (feat. Bri Tolani) [NCS Release]

[abdulmohamin]

you have helped me more than any of my professors

[vincentleopascua]

WOW! I cannot see anything complex in the code and yet it works fine! Thank you so much for this simple tutorial!

[George-Aziz-wahba]

code : html :

<div class="up">
<a href="#main"><i class="fa-solid fa-arrow-up"></i></a>
</div>

css :
html {
scroll-behavior: smooth;
}
.up a {
background-color: var(--mainColor);
color: black;
position: fixed;
bottom: 10px;
right: 20px;
padding: 12px;
border-radius: 10px;
}

.up a:hover {
transform: translateY(-10%);
transition: 0.2s;
}

[rishavsharma]

Hello there,
This is the very first video of yours that I watched.
Thank you so much for the quality of content you are providing.

[DEADSHOTPLAYZ]

Thanks alot it still works. By the way dark paradise is one of my favourite songs. Nice intro.

[bassamaldoohan]

first of all the song is so motivational and exciting and then the content is pure clean and on point thx a million ^_^

[jersoniemanguiat]

you are so great thanks.Iam now one of your subscriber

[ayeshashahid]

You just solved my problem... You are great

[reallygood]

You are that cool, so I think you made your intro with HTML and CSS

[munnawmv]

Great.
Subscribed and love from Bangladesh. 💌💌💌

[sihabportal]

Thank you brother
Love from Bangladesh

[johnyonardpauly]

4min waiting on that just one line of css code :D Anyway good tutorial, really an efficient way. Got it.

[aishahbaharudin]

Hi thanks for the tutorial, but how can i make the button shows only when it reached bottom?

[zoebouloudas]

was not expecting Lana del ray as an intro song for a html/css video ngl

[lalocanario]

Me encantan los videos donde no hablan y solo hay linda musica, <3 gracias ¡

[hungtranngoc]

thanks so muck. You save my life bro ♥

[nivederikkil]

Sir, it's helped me lot but in project their is some more tabs but everypage scroll clicked it's going to home page.Sir can you provide the code for multiple tabs with scroll effect it will be a helpful for all !!!

[reda]

Can you make a portofolio website tuto please !?

[sanjanabandarajourney]

Thank you so much for this simple tutorial😃

[geldiakmurat]

Can you make in eccommerce - and + buttons on products or bottom product if you can looking please? Thanks