Comment remonter en haut d'une page HTML en JavaScript ?
Réponses rédigées par Antoine
Dernière mise à jour : 2021-06-03 12:17:47
Question
Quel est le code JavaScript pour remonter en haut d'une page HTML ?
Réponse
Le code à utiliser dépend du moteur de rendu utilisé par le navigateur de l'internaute.
Pour cette raison mieux vaut utiliser à la fois les méthodes JavaScript body.scrollTop
, et documentElement.scrollTop
, pour positionner la barre de défilement à une position précise d'une page HTML.
Il suffit d'attribuer la valeur 0
à ces deux propriétés pour retourner tout en haut du DOM.
document.body.scrollTop = 0;
document.documentElement.scrollTop = 0;
Astuce: Pour obtenir un effet de défilement progressif lors de la remontée, il suffit d'appliquer la propriété CSS scroll-behavior
, avec la valeur smooth
, à la balise HTML de votre page.
Remarque : Référez vous à cette autre question pour plus d'info sur le propriété scroll-behavior
et sa valeur smooth
.