- Taxonomic name: A-BACK-TO-TOP
- Added on: v2023.01 (02/11/23)
- Updated on: v2023.01 (02/11/23)
Back to top
Allows users to quickly return to the top of the page with a single click or tap.
Design and usage
- This component should only be used on editorial pages.
- This component must not be used with other sticky components at the bottom of the page, except with the Sticky button component.
Examples
Interactive examples
Code example
<button class="a-back-to-top" aria-label="Revenir en haut de la page" data-module="a-back-to-top">Haut de page</button>
Development and test
Notes for developers
This component must be placed in <div class="l-page-wrapper">
after the <footer>
.
Classes overview
The following table gives you a quick overview of the CSS classes that can be applied.
Class | Outcome | Required | Applied to | Comments |
---|---|---|---|---|
.a-back-to-top |
Base style for back to top button | Yes | button |