Back to Top button for the page main contents

[Kasra Ayz]

As of now there is a back to top button added to the list view part of the confluence space

It would be very helpful to add similar or different method to get back to the beginning of the page for long ppages

Thank you

[Oleksii Melnyk _MOY Apps_ · Accepted solution]

I agree, this would help to get the necessary information faster

[Shawn Doyle - ReleaseTEAM]

Hi @Kasra Ayz 

I agree.  

This however isn't the best forum for suggestions.

You can make Confluence suggestions here: Confluence Suggestions 

[Kasra Ayz]

Thanks for teh info, if possible please help me figure out how to create a jira request/issue, with the link provided I'm not able to create a new instance

Regards

[Cedric]

Not sure Atlassian will implement this basic feature one day so I personally use a userScript on my browser with TamperMonkey extension on Chrome (available probably on many other browser).

// ==UserScript==
// @name BackToTopConfluence
// @namespace http://tampermonkey.net/
// @version 2025-10-03
// @description try to take over the world!
// @author You
// @match https://youtcompany.atlassian.net/wiki/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=atlassian.net
// @grant none
// ==/UserScript==
(function() {
if (!document.getElementById('custom-back-to-top')) {
const btn = document.createElement('button');
btn.id = 'custom-back-to-top';
btn.innerHTML = '↑';
btn.title = 'Back to top';
btn.style.position = 'fixed';
btn.style.bottom = '20px';
btn.style.right = '80px';
btn.style.zIndex = '99999';
btn.style.background = '#0052cc';
btn.style.color = 'white';
btn.style.fontSize = '24px';
btn.style.width = '48px';
btn.style.height = '48px';
btn.style.borderRadius = '50%';
btn.style.border = 'none';
btn.style.cursor = 'pointer';
document.body.appendChild(btn);

btn.onclick = function() {
// Scroll global window
window.scrollTo({ top: 0, behavior: 'smooth' });

// Scroll all scrollables big containers (for SPA Confluence Cloud)
let scrolled = false;
// Walk on all visible scrollable elements
document.querySelectorAll('div, main, section').forEach(el => {
if (
el.scrollHeight > el.clientHeight + 20 && // possible scroll 
el.scrollTop > 0 && // already scrolled
window.getComputedStyle(el).overflowY.match(/auto|scroll/) // allowed scroll
) {
el.scrollTo({ top: 0, behavior: 'smooth' });
scrolled = true;
}
});
// Optionnal : if nothing has been scrolled, try on body (in some cases)
if (!scrolled) {
document.body.scrollTo({ top: 0, behavior: 'smooth' });
}
};
}
})();

I don't understand why it natively exists on the left panel which is useless. Better valuable to have it in the page imho.