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:
www.udemy.com/design-a-comple...
Emmet Video: • Write Faster HTML and ...
Source Code: github.com/Godsont/Back-To-To...

[@damascuscode]

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

[@Zelevf]

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

[@FlashStarGaming]

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

[@andrijanaivanovic9617]

Thanks! Great tutorial, it helped me a lot! ❤

[@enriquedelgado5461]

Just what I needed. Great tutorial 🤓

[@onelliyanage]

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

[@binaykumarsahu6657]

This is proper, but I wouldn’t want to do this way. The anchor tag with href=‘#’ does the job here. I would rather use scrollTo property. Thanks

[@notbsd]

Great video! Very informative and easy to understand.

[@learntolove9223]

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

[@bomba22940]

That is awesome thx its simple and works as should be . Great job

[@ramosojustinken9894]

thanks, this helped a lot for my portfolio

[@caleb4462]

This hacked out my problem, Thanks mehn!

[@joerodrigo9661]

the easiest way. well done sir

[@harithalkv5663]

This video helped me a lot. Thankyou.

[@clilsneor624]

Really great explanation thanks a lot!

[@sydneyjupiter979]

THANK YOU SO MUCH!!! IT WORKED

[@gabrielstuder-randall589]

Great tutorial You saved me!!

[@pushkarnathpandey44]

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

[@owaisali995]

great and very easy tutorial.. Thanks

[@afshingm6617]

fantastic ! thank you. this is awesome

[@komlanraider91]

great tuto , thanks you !

[@godspgeorge5230]

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.

[@smol.natalie7346]

Thank you, it helped!

[@firetrident3397]

You're a good channel thanks for the code

[@flippi_s4]

Very helpfull, thanks !

[@issansabimana5122]

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

[@Timespider]

Thanks for posting 👊

[@kevnal_04]

I love you bro, thanks!

[@wolfenrico]

Cool! Thanks!

[@aks-dt-9785]

Thank You!

[@user1__lastname169]

Thank you!!!

[@aleksandarrasic4204]

Amazing job !!!!!!!!! BRAVO

[@mikiuhelja8027]

extraordinary 👍

[@action2731]

Thank you ❤

[@aksaurooj838]

Thankyou so much...

[@user-se6ct5zu2f]

thank you!

[@minhquang3951]

thank you so much

[@code3643]

Nice!! , Thanks!!

[@rkusmangamer5639]

thanks for code good work

[@broken_jail2506]

Thanks

[@antoniochadwick772]

good stuff,

[@mdborhanuddin761]

Great Tut

[@VideoNash]

thanks

[@r.o.c.i.o.g.l]

SUPER VIDEO!

[@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

[@GTCoding]

Thank you so much :)

[@anthonydubois1161]

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

[@d-landjs]

Excelente tip bro :D

[@carharttblade]

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

[@syedmuhammadkamran1920]

Nice sir

[@paulinha-19]

very good

[@abdullahsheikh3007]

great 💝

[@harrypath6313]

I believe this channel will the best channel proggraming 👍👍👍

[@rusulazom]

Thank You, you should deserve a thumps and subscribe and I have done.

[@syediqbalahmed3176]

good

[@EmadElSammad]

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

[@milaamidala9590]

same

[@stanlyprawira9863]

same.. missing file

[@kshitijjaiswal6025]

thanks man. very understanding video

[@niclienquan8703]

can you explain to me, why the tag and not the , ... tag. I'm from Vietnam . thanks

[@NorlynCodes]

a tag makes more sense in this case however you can also use the span tag and just add the href and class/id attribute.

[@ashharmansuri6816]

You didn't write code for scroll top

[@DanielMejia-nu6ld]

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

[@nested9301]

you need to wiat for a 2 seconds if not the button won't work why?

[@ukaszczuba9138]

[@You_Know_Who_I-am]

4:30

[@davlatgulomxusenov2031]

at first it seems to be a great video but actually it is not. if there are multiple links on the page and you click one of them scroll to top event will work

[@onciaq]

html { scroll-behavior: smooth; } doesnt work :(

[@joselopes9061]

pageYOffset is decreptead use scrollY instead

[@dankierson]

It is NOT deprecated. It may still be used and should be used if your site may be accrssed by older browsers.

[@VoltGraphics]

Doesn't work

[@Jose-wl2gz]

Unfortunately, I'm not getting the result. I even copied your code, changed my class, and ran the code in a different browser. Can anyone help me out?

[@stanlyprawira9863]

hahah same here

[@vimalvs24]

@@stanlyprawira9863 ig the pageYoffset is deprecated. Try using the scrollY function.

[@spiritualcontent763]

write a code for click thing , thanks

[@dankierson]

No need. _.... _ will automatically take the user to the top of the current page.

[@dopamine_Seeker]

seriously, this is how u make scroll to up button. ridiculous sorry you are making fool to noob

[@eduardodossantosferreira3615]

thanks

[@rahulbhawaliya7633]

thanks