Remonter en haut de page avec jQuery

octobre 5, 2019février 10, 2020 Thomas Aucun commentaire

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>