A scroll to top button is a tiny control with a clear job: it takes a reader from the bottom of a long page back to the top in one tap. On long articles, product pages and documentation it saves a lot of thumb work, especially on phones.
When a scroll to top button helps
The button earns its place on pages that are several screens tall. Reference guides, long archives and landing pages all benefit, because readers often want to jump back to the navigation or the table of contents after reaching the end.
When it gets in the way
On short pages it is just clutter, and a badly placed button can cover buttons, chat widgets or cookie notices. It should only appear after the visitor has scrolled a meaningful distance, and it should never overlap other controls.
Design details that matter
Pick a size large enough to tap comfortably, give it enough contrast to be seen, and choose a shape and colour that fits your brand. A smooth scroll animation feels polished, while an instant jump can feel jarring. Make sure the control is reachable by keyboard and labelled for screen readers.
Essential Elements ships an accessible Scroll to Top button with presets, shapes and colours you can change without code. Scroll down this page and watch it appear in the corner.
Done well, it is a quiet convenience that readers rarely notice and always appreciate.
Leave a Reply