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
Thèmes : javascript - html
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.