Back To Top (Scroll To Top) Button Using HTML5, CSS and JavaScript

Hi, in this video, you will learn how to design a back to top (scroll to top) button using HTML5, CSS and JavaScript. The scroll to top button is used in most of the websites today because a lot of websites have become single page websites.

It makes it easy for the visitor to get back to the top (home) of the website. I hope this tutorial will be helpful to you. Thanks.

Check out my Udemy Course:

[onelliyanage]

Don't waste time watching this. It's incomplete. There's missing pieces of code in the video so, this won't work

[issansabimana]

Thanks buddy for this great video. I used PageYOffset in JS it doens't listen this. So I had to use scrollY as an alias. For those who are getting issues

[EmadElSammad]

Where did you get the <script> tag for font awesome? I don't see any links on their website to copy to my HTML file

[FlashStarGaming]

Clean and Concise tutorial! Amazing work sir keep it up!!!

[damascuscode]

Thank you so much, i was pulling hairs on the scrolling part!

[anthonydubois]

Hello thanks for the tutorial but the scroll behaviour smooth doesn’t work on iphone ( google and safari ) have you a solution ? Thnx

[ramosojustinken]

thanks, this helped a lot for my portfolio

[godspgeorge]

This was helpful, however, how do you write a code to move the scrollbar to a specific height, that is not to the top?
Hoping to hear from you soon.
Thank you.

[carharttblade]

It works really fine, but isnt responsive, when i change to small screen it enlarges the whole page, how to make it responsive

[learntolove]

it's a very helpful video thank you so much after watching this video I have completed my client project thank you so much

[caleb]

This hacked out my problem, Thanks mehn!

[niclienquan]

can you explain to me, why the <a href=#> tag and not the <p>, <span> ... tag. I'm from Vietnam . thanks

[pushkarnathpandey]

very nice Thank You for this
1 suggestions just increase the font size a little bit not much more but little bit so that when we are watching on mobile it is comfortable for eyes

[notbsd]

Great video! Very informative and easy to understand.

[Zelevf]

Simple and works!!! That's what i need. Thanks

[joselopes]

pageYOffset is decreptead use scrollY instead

[DanielMejia-nuld]

when i click it doesn't scroll up, help :(

[firetrident]

You're a good channel thanks for the code

[ashharmansuri]

You didn't write code for scroll top

[hiteshkumarverma]

the content is really great sir, keep sharing more of such videos it really helps us to gain more knowledge, the way you teach is also great, simple and sorted, explaining each single point, is a sign of a very good instructor, so thankyou for this video and hope to see more from you