Dans cette vidéo, je vous montre comment créer un bouton pour remonter en haut de la page à l'aide de jQuery. Pour cela, je reprend le tuto de Scofred et j'y ajoute l'affichage du bouton uniquement lorsque la page est scrollée.

Ressources


Le code de retour.js :
$(function(){
  $('#btn_up').click(function() {
    $('html,body').animate({scrollTop: 0}, 'slow');
  });
  
  $(window).scroll(function(){
     if($(window).scrollTop()<500){
        $('#btn_up').fadeOut();
     }else{
        $('#btn_up').fadeIn();
     }
  });
});


blog comments powered by Disqus


Nicolas Thomas

Passionné par le Web, je crée des sites Internet depuis plus de 10 ans.
Après avoir obtenu un Master d'Informatique et de Gestion, j'ai lancé mon Agence Web en 2010 et c'est avec plaisir que je mènerai à bien votre projet de création de site Internet, si vous m'en confiez la responsabilité.


Retourner à l'accueil