Back-to-top button

A floating button, usually with an up arrow, that takes you back to the top of the page.

Also called: back to top, scroll to top, to the top, go to top, up arrow, arrow up, top button, jump to top, scroll up, circle with an arrow, return to top

What it is for

It saves you a long scroll on a long page. It is usually hidden at first and appears only after you’ve scrolled down a good part of the content.

Where you see it

• Long reads — return to the start without scrolling by hand
• News feeds — a quick way back up
• Endless catalogs — when there is no pagination

What it is called in code

• window.scrollTo({ top: 0, behavior: "smooth" })
• back to top

See also

• Table of contents — A list of links to the sections of a long document, each one jumping to its place on the page.
• Floating action button — A round button that floats above the rest of the content, usually in a bottom corner of the screen.
• Pagination — A way to split a long list into separate pages or batches.