4,00

Tuto Bouton haut de page avec scroll animé sans plugin avec jQuery

4,00

  • Une formation vidéo de 26m06s
  • Téléchargement immédiat et visionnage illimité à vie
  • Satisfait ou remboursé
  • Fichiers sources inclus
  • Découvrez pourquoi vous former avec Tuto.com
Bouton haut de page avec scroll animé sans plugin

ajouter ce cours aux favoris retirer ce cours des favoris

Dans ce tuto vidéo jQuery, vous allez apprendre à créer un bouton haut de page avec un scroll animé. Je vous invite à regarder l'extrait pour voir le bouton en action. Nous verrons :

  • La création du bouton
  • Comment remonter en douceur jusqu'en haut de la page lors du clic sur le bouton
  • Comment cibler le premier titre h1 d'une page pour connaitre sa position verticale et remonter jusqu'à lui lors du clic sur le bouton
  • Comment faire apparaitre le bouton seulement à partir d'une certaine valeur de scroll
  • Un site pour générer du texte de substitution retransmettant les dialogues cultes d'acteurs
  • Un site pour retrouver un caractère Unicode en le dessinant

Ce tuto est accessible à tous les niveaux, j'y explique chaque étape.
Je vous fournis tous les fichiers (html, css et js). N'hésitez pas à me poser des questions si vous en avez !
A tout de suite !


Formateur : David Felix-faure

David Felix-faure a publié 6 tutoriels et obtenu une note moyenne de 4,8/5 sur 4 334 tutoriels vendus. Voir les autres formations de David Felix-faure

5,0
note moyenne

5
avis laissés
5 étoiles
5
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de jeanlev laissé le 15/03/2020
    Merci pour ce tuto très clair.

  • 5
    avis de iphyloo laissé le 22/09/2013
    Très bon tuto. Il manque juste d'un peu de théorie ou d 'explications générales sur la logique interne du javascipt, ce qui empêche l' élève que je suis de pouvoir appliquer ce qu'on me montre à d' autres cas. Cela reste un très bon tuto :) !

  • 5
    avis de misuwa laissé le 19/06/2013
    Très simplet et très utile, merci. Prix trop cher par contre.

  • Avec quelle version de logiciel ce tuto est-il compatible ?
    jQuery
accédez à plus de 1440 tuto gratuits


non, je ne veux pas me former gratuitement

voir notre politique de protection des données