Remonter en haut de page avec jQuery

Lorsqu’un site Web contient beaucoup de données sur une seule page, l’utilisateur peut souhaiter voir le contenu principal, c’est-à-dire le début du page sans défilement, pour cela vous pouvez utiliser jQuery.
 
 

Script jQuery pour remonter la page en haut
<html> 
<head> 
<script src= 
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> 
</script> 
     <script> 
         $(function ()  
         { 
             $('#top').click(function ()  
             { 
                 $('html, body').animate({ 
                     scrollTop: '0px' 
                 }, 
                 1500); 
                 return false; 
             }); 
         }); 
    </script> 
</head> 
<body> 
    <center> 
        <p>Défiler la page vers le haut</p> 
        <a id="top" href="#">Cliquez ici</a> 
    </center> 
</body> 
</html>
Résultat

Défiler la page vers le haut

Cliquez ici
QCM jQueryQCM jQuery – Partie 1QCM sur jQuery avec des réponses pour la préparation des test techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses…Lire plus
Partagez cet article

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *