Bouton retour en haut
Choisissez le côté, les couleurs et le seuil d’apparition. Faites défiler l’aperçu pour voir le bouton apparaître.
Mode d’emploiBouton de retour en haut
Disponible en: 
Bouton retour en haut: à quoi ça sert
Sur les pages longues, le bouton de retour en haut évite à la personne de tout refaire défiler, surtout sur mobile.
Choisissez le côté, les couleurs, la taille, la forme, la distance au bord et le seuil d’apparition. Le code utilise un vrai bouton avec une étiquette, apparaît avec une courte transition, défile en douceur uniquement pour ceux qui n’ont pas demandé moins d’animations, empêche le bouton invisible de recevoir le focus et renvoie le focus au début de la page.
Mode d’emploi
- Choisissez le côté, les couleurs et la taille.
- Définissez la distance et le moment d’apparition.
- Copiez le code et collez-le avant la fin du body.
Quand l’utiliser
- Blogs et longs articles.
- Boutique avec de grandes listes de produits.
- Menus et catalogues.
Questions fréquentes
Quand le bouton apparaît-il ?
Une fois que la personne a fait défiler la page au-delà de la hauteur que vous choisissez (un écran, par défaut). Sur les pages courtes, il n’apparaît jamais, ce qui évite un bouton inutile par-dessus le contenu.
Gêne-t-il le bouton WhatsApp ?
Il peut se retrouver dans le même coin. Placez le retour en haut de l’autre côté ou augmentez la distance au bas de page pour que l’un ne cache pas l’autre sur mobile.
Pourquoi le focus va-t-il en haut ?
Une personne qui navigue au clavier ou avec un lecteur d’écran doit, en touchant le bouton, poursuivre sa navigation depuis le début de la page. Le code déplace le focus vers le premier élément, en plus de faire défiler l’écran.
Vraiment gratuit ?
Oui, 100 % gratuit. Sans inscription, sans abonnement et sans limite d’utilisation. Tous les outils de Tools123 sont gratuits.