Bouton haut de page avec scroll animé sans plugin
ERROR
00:00
00:00

Tuto Bouton haut de page avec scroll animé sans plugin

David Felix-faure
4,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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 !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Tuto - Bouton haut de page sans plugin

Plan détaillé du cours

Leçon 1Tuto - Bouton haut de page sans plugin
26m06s

Aperçus

Avis des apprenants

Détail des avis
38
Apprenants
6
Commentaires
5/5
Note moyenne
5/5
6
4/5
0
3/5
0
2/5
0
1/5
0
Jean-Philippe Venant
Jean-Philippe Venant
Publié 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 :)
Jean Levallois
Jean Levallois
Publié le 15/03/2020
Merci pour ce tuto très clair.
Philippe Olivier
Philippe Olivier
Publié 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 :) !

Vos questions sur le cours

Avec quelle version de logiciel ce tuto est-il compatible ?

jQuery

Attendez ! 🤗

Accédez à plus de 1452 tutos gratuits

Notre politique de protection des données