Back to top
A floating scroll-to-top button.
The live example is shown below — this is exactly how the add-on renders on a real page.
Scroll down to see it appear
This page is deliberately long: keep scrolling and the round Back to top button fades in at the bottom corner. Click it any time to glide straight back up.
Section 1 of 12
Real articles have plenty of copy like this — headings, paragraphs, the occasional list — and the button quietly waits in the corner the whole time, only fading in once you've scrolled far enough that jumping back to the top actually saves you effort.
As you pass each heading the page keeps growing beneath you, the scrollbar shrinks, and the floating control stays exactly where you left it — bottom corner, one click from the top.
Section 2 of 12
Real articles have plenty of copy like this — headings, paragraphs, the occasional list — and the button quietly waits in the corner the whole time, only fading in once you've scrolled far enough that jumping back to the top actually saves you effort.
As you pass each heading the page keeps growing beneath you, the scrollbar shrinks, and the floating control stays exactly where you left it — bottom corner, one click from the top.
Section 3 of 12
Real articles have plenty of copy like this — headings, paragraphs, the occasional list — and the button quietly waits in the corner the whole time, only fading in once you've scrolled far enough that jumping back to the top actually saves you effort.
As you pass each heading the page keeps growing beneath you, the scrollbar shrinks, and the floating control stays exactly where you left it — bottom corner, one click from the top.
Section 4 of 12
Real articles have plenty of copy like this — headings, paragraphs, the occasional list — and the button quietly waits in the corner the whole time, only fading in once you've scrolled far enough that jumping back to the top actually saves you effort.
As you pass each heading the page keeps growing beneath you, the scrollbar shrinks, and the floating control stays exactly where you left it — bottom corner, one click from the top.
Section 5 of 12
Real articles have plenty of copy like this — headings, paragraphs, the occasional list — and the button quietly waits in the corner the whole time, only fading in once you've scrolled far enough that jumping back to the top actually saves you effort.
As you pass each heading the page keeps growing beneath you, the scrollbar shrinks, and the floating control stays exactly where you left it — bottom corner, one click from the top.
Section 6 of 12
Real articles have plenty of copy like this — headings, paragraphs, the occasional list — and the button quietly waits in the corner the whole time, only fading in once you've scrolled far enough that jumping back to the top actually saves you effort.
As you pass each heading the page keeps growing beneath you, the scrollbar shrinks, and the floating control stays exactly where you left it — bottom corner, one click from the top.
Section 7 of 12
Real articles have plenty of copy like this — headings, paragraphs, the occasional list — and the button quietly waits in the corner the whole time, only fading in once you've scrolled far enough that jumping back to the top actually saves you effort.
As you pass each heading the page keeps growing beneath you, the scrollbar shrinks, and the floating control stays exactly where you left it — bottom corner, one click from the top.
Section 8 of 12
Real articles have plenty of copy like this — headings, paragraphs, the occasional list — and the button quietly waits in the corner the whole time, only fading in once you've scrolled far enough that jumping back to the top actually saves you effort.
As you pass each heading the page keeps growing beneath you, the scrollbar shrinks, and the floating control stays exactly where you left it — bottom corner, one click from the top.
Section 9 of 12
Real articles have plenty of copy like this — headings, paragraphs, the occasional list — and the button quietly waits in the corner the whole time, only fading in once you've scrolled far enough that jumping back to the top actually saves you effort.
As you pass each heading the page keeps growing beneath you, the scrollbar shrinks, and the floating control stays exactly where you left it — bottom corner, one click from the top.
Section 10 of 12
Real articles have plenty of copy like this — headings, paragraphs, the occasional list — and the button quietly waits in the corner the whole time, only fading in once you've scrolled far enough that jumping back to the top actually saves you effort.
As you pass each heading the page keeps growing beneath you, the scrollbar shrinks, and the floating control stays exactly where you left it — bottom corner, one click from the top.
Section 11 of 12
Real articles have plenty of copy like this — headings, paragraphs, the occasional list — and the button quietly waits in the corner the whole time, only fading in once you've scrolled far enough that jumping back to the top actually saves you effort.
As you pass each heading the page keeps growing beneath you, the scrollbar shrinks, and the floating control stays exactly where you left it — bottom corner, one click from the top.
Section 12 of 12
Real articles have plenty of copy like this — headings, paragraphs, the occasional list — and the button quietly waits in the corner the whole time, only fading in once you've scrolled far enough that jumping back to the top actually saves you effort.
As you pass each heading the page keeps growing beneath you, the scrollbar shrinks, and the floating control stays exactly where you left it — bottom corner, one click from the top.