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
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 366 tutoriels vendus. Voir les autres formations de David Felix-faure

5,0
note moyenne

6
avis laissés
5 étoiles
6
4 étoiles
0
3 étoiles
0
2 étoiles
0
1 étoile
0
  • 5
    avis de jpvenant78 laissé le 22/11/2022
    Excellent tuto, même si j'avais juste besoin de la partie JS :) J'avais déjà créé et positionné mon bouton Gotop et j'étais coincé avec le javascript, alors, ce tuto m'a été d'un grand secours :) Bien expliqué, bien détaillé, un vrai regal :)

  • 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 :) !

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


non, je ne veux pas me former gratuitement

voir notre politique de protection des données