Maison >interface Web >js tutoriel >Comment créer une animation de défilement vers le haut indépendante du navigateur avec du JavaScript pur ?
Animation de défilement vers le haut indépendante du navigateur
Lorsque nous sommes confrontés à la tâche de créer une simple animation de « défilement vers le haut » pour un lien, il est tentant d'opter pour une bibliothèque JavaScript comme jQuery ou MooTools. Cependant, il est possible d'obtenir cet effet avec du JavaScript pur, garantissant la compatibilité entre navigateurs.
Le code fourni implémente une animation de défilement qui fait glisser gracieusement le document vers le haut sur une durée spécifiée. Il s'agit d'une fonction autonome qui peut être appliquée à n'importe quel élément doté d'une barre de défilement, offrant une meilleure expérience utilisateur en lui permettant de revenir rapidement en haut de la page.
<code class="javascript">function scrollTo(element, to, duration) {</code>
Dans l'extrait HTML fourni, un bouton avec l'ID "scrollme" est utilisé comme déclencheur de l'animation :
<code class="javascript">function runScroll() { scrollTo(document.body, 0, 600); } var scrollme; scrollme = document.querySelector("#scrollme"); scrollme.addEventListener("click",runScroll,false)</code>
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!