Implementing a Back-to-top Button

At a glance

The community member is having an issue with their "back to the top" button, as it is redirecting to the home page instead of the top of the current page. Another community member suggests adding custom code before the closing body tag to handle the button's functionality, providing a sample code snippet that scrolls the page to the top when the button is clicked.

Useful resources

SSusan MacPhee

Hi! Does anyone know what is the best way to implement the "back to the top" button? The "back to the top" button that I placed in footer goes to home page and not to the top of the current page? I have an anchor link going the top main navigation that's also a symbol. https://www.ochsner.org/ochsner-health-network/.

Ochsner Health Network
The largest physician-led clinically integrated network in the Gulf South, OHN is proud to partner with like-minded physicians and health systems to extend the benefits of value-based care to the communities we serve.

2 comments

CChris Wertz

I cannot see the back to the top button in the footer of the link you shared.

SSofian Bettayeb

Hi ,
If you are able to add some custom code, before the closing body of your page.

You just need to add the same button ID on the code below and your button.

function topFunction() {
  document.body.scrollTop = 0;
  document.documentElement.scrollTop = 0;
}

document.getElementById("footer-to-top").addEventListener("click", topFunction);

Add a reply

Community forum for knowledge and support

Implementing a Back-to-top Button