Maison >interface Web >js tutoriel >Comment faire défiler instantanément vers le haut d'une page à l'aide de JavaScript ?

Comment faire défiler instantanément vers le haut d'une page à l'aide de JavaScript ?

Linda Hamilton
Linda Hamiltonoriginal
2024-11-30 22:35:13195parcourir

How to Instantly Scroll to the Top of a Page Using JavaScript?

Comment faire défiler instantanément vers le haut d'une page en JavaScript

Dans les scénarios où le défilement instantané est préféré aux animations fluides, JavaScript offre un solution pratique. Pour faire défiler instantanément vers le haut d'une page, vous pouvez utiliser la méthode native window.scrollTo().

En passant des valeurs nulles comme arguments à cette méthode, window.scrollTo(0, 0), fait défiler instantanément la page dans le coin supérieur gauche.

Paramètres :

  • xCoord : Le coordonnée de pixel le long de l'axe horizontal.
  • yCoord : la coordonnée de pixel le long de l'axe vertical.

Dans le contexte du défilement vers le haut de la page, xCoord et yCoord sont définis à zéro, ce qui entraîne un défilement immédiat jusqu'à l'origine de la page.

Exemple Utilisation :

Pour implémenter cette fonctionnalité, vous pouvez utiliser le code suivant :

window.scrollTo(0, 0);

Cette simple ligne de code fera défiler votre page vers le haut instantanément, sans aucun effet d'animation .

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn