Easier method with no JS: Add this right after the opening body tag:
<a name="top"></a>
For the scroll to top button use the code
<a href="#top" class="scroll-top">☝️</a>
Hey Easrng, I've wrote an article about this function as well today: daily-dev-tips.com/posts/plain-htm...
No need to make the target tag an anchor, a hidden div is enough Also add:
html { scroll-behavior: smooth; }
To make it smooth
The smooth behaviour is a welcome addition, I've wrote an article about this method as well: daily-dev-tips.com/posts/plain-htm...
A Codepen will help a lot!
Hey Mubashir, In this article you will find a Codepen. daily-dev-tips.com/posts/plain-htm...
Thank you for the post... It was helpful
Thanks man, glad it helped! 🤟
it's not work in hash spa mode (like site.com/#read/35)
Hey Zen, I do indeed think the Hash needs to be in the end for the browser to understand
Yes, aware of this, super solution as well.
I will do another article about this way. There are just so many ways of doing the same thing really :D
Are you sure you want to hide this comment? It will become hidden in your post, but will still be visible via the comment's permalink.
Hide child comments as well
Confirm
For further actions, you may consider blocking this person and/or reporting abuse
We're a place where coders share, stay up-to-date and grow their careers.
Easier method with no JS:
Add this right after the opening body tag:
For the scroll to top button use the code
Hey Easrng, I've wrote an article about this function as well today: daily-dev-tips.com/posts/plain-htm...
No need to make the target tag an anchor, a hidden div is enough
Also add:
To make it smooth
The smooth behaviour is a welcome addition, I've wrote an article about this method as well: daily-dev-tips.com/posts/plain-htm...
A Codepen will help a lot!
Hey Mubashir, In this article you will find a Codepen. daily-dev-tips.com/posts/plain-htm...
Thank you for the post... It was helpful
Thanks man, glad it helped! 🤟
it's not work in hash spa mode (like site.com/#read/35)
Hey Zen, I do indeed think the Hash needs to be in the end for the browser to understand
Yes, aware of this, super solution as well.
I will do another article about this way. There are just so many ways of doing the same thing really :D