par anonyme 03-Juin-2021

Quel est le code JavaScript pour remonter en haut d'une page HTML ?

1 Réponse

par Blaise 03-Juin-2021

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.

Bienvenue sur 1FORMATIK, où vous pouvez poser des questions en lien avec l'informatique et internet, et recevoir des réponses de l'équipe et d'autres internautes.

2.6k questions

3k réponses

...