JavaScript Faire défiler vers le haut

1. Utilisez la fonction window.scrollTo() pour faire défiler vers le haut de la page
2. Utilisez la balise d’ancrage pour faire défiler vers le haut de la page
3. Utilisez la fonction scrollTo() de jQuery pour faire défiler vers le haut de la page

Ce didacticiel explique comment faire défiler vers le haut de la page à l’aide de JavaScript.

Utilisez la fonction window.scrollTo() pour faire défiler vers le haut de la page

La méthode scrollTo() de la fenêtre permet de faire défiler jusqu’à un emplacement précis sur une page. Il prend deux arguments: les coordonnées x et y du point vers lequel on veut faire défiler. On peut passer x et y comme 0 pour faire défiler vers le haut de la page.

window.scrollTo(x - coordinate, y - coordinate)

Utilisez la balise d’ancrage pour faire défiler vers le haut de la page

La balise d’ancrage prend la référence de la page à ouvrir lorsque le lien est cliqué. Si nous passons # comme valeur de l’attribut href, il défilera jusqu’en haut de la page.

<a href="#"> Top of Page </a>

Utilisez la fonction scrollTo() de jQuery pour faire défiler vers le haut de la page

La fonction scrollTo() nous aide à obtenir/manipuler la position verticale de la barre de défilement d’un élément HTML. Il prend un argument, la position scrollTo(). Nous pouvons utiliser cette fonction pour atteindre le haut de la page en l’appliquant sur la propriété window et en définissant le paramètre de position sur 0.

$(window).scrollTop(0);