A Back to Top button (aka Scroll to Top button) is helpful on your website for scrolling back to the top of the page, especially if there is lengthy content. There are plenty of options for creating a button, but here is a quick, easy and free way to do it.

To add a Back to Top button to your website, copy the following snippet, including the CSS and jQuery, into your website HTML.

Here we are using jQuery, so make sure that it loads within the head tags of your website. Otherwise, you may need to add a few tweaks to the CSS to suit your website styling.

You can see a working example of this Scroll to Top button on this page. Scroll down towards the end of the page, and it will magically appear to the bottom right. Enjoy.