Pelican Design System
Back to Top Button
Back to Top Button
The Back to Top Button allows users to return to the top of the page.
On this page:
Best Practices
- Insert it at the bottom of the root element in the page.
- Don’t remove the text in the button. Screen readers need it.
- It appears after the user has scrolled down, usually four times the height of the screen’s initially-visible portion.
- The
hrefof the button should be theidof the<main>element.
Usage
See the Pen Buttons Back to Top by LA Gov Design Team (@lagovdesignteam) on CodePen.