Back to Top Button with HTML, CSS and JavaScript

Hai sir..

Hello, good tutorial but the button does not come up when loading on mobile devices, it stays as it is like i haven't added .css or .js

Thanks U

Your code works perfectly on desktop for me. Thank you very much.

I have a problem on mobile (tested on two Samsung J7's).

Once the button is touched (hover) text color of button changes to white and background color changes to black and page scrolls back to top. So far, so good.

Now if I scrolled down again (without page refresh), the button reappears but does not change back to default black text color and white background-color. Button still works (scroll back to top) remains on hover state with white text color and black background-color.

I tried adding the following lines to smoothScrollBackToTop function
backToTopButton.style.color = "#fff";
backToTopButton.style.background-color = "#333";
But this did not work. Needless to say, I am a complete newbie.

Could you help me out?

Thank you very much!! You helped me a lot!

Great tutorial. Subscribed 🙂

Perfect, I'm using this button in my project! Thank you very much 🙂

Very very nice! With all the details and everything! Bravo really great job!

Thank you

Thanks!
Extremely helpful bro!
Keep it up!

. . . Enjoy c c c c
c J c the
c c Journey! ! !
c c
c c
c

Learned something from this however after implementing the smoothscroll using JS. My menu links do not smooth scroll anymore(I had used the html scroll behavior which you advised be disabled on implementing JS) though the backtotop button does work. Any idea thanks a lot.

Can you teach how to lazy load images?

Thanks.