jQuery Facile Application #1/5 Créer un bouton de retour en haut de page
Problème de lecture
Cette vidéo ne semble pas disponible
00:00
00:00
Sous-titres non disponibles
30m48
de formation
4
leçons vidéo
1
chapitre
Débutant
niveau requis
Carl Brison
Carl Brison
Formateur certifié

jQuery Facile Application #1/5 Créer un bouton de retour en haut de page

4.8/5 Trustpilot (1392 avis) Satisfait ou remboursé
30m48
de formation
4
leçons vidéo
1
chapitre

Afin d'appliquer les méthodes jQuery apprises tout au long de la formation jQuery facile, je vous propose de réaliser une première application concrète. 
Pour cet exercice, nous allons créer une page web avec suffisamment de hauteur pour avoir un scroll. 
Après avoir écrit les codes HTML et CSS, nous pourrons nous référer à notre documentation pour réaliser un programme jQuery qui permettra à l'utilisateur de :

  • Faire apparaître un bouton en bas à droite de la fenêtre du navigateur si le scroll de la page est baissé d'au moins 60 pixels.
  • Permettre à l'utilisateur de cliquer sur ce bouton pour remonter en haut de la page de manière douce.
  • Faire disparaître ce même bouton si le scroll de la page est inférieur à 60 pixels.

Je mets les codes de cet exercice à votre disposition
Pour apprendre rapidement et facilement le jQuery : Episode 1/10, Gratuit !

Qu’allez-vous apprendre dans ce cours ?

Plan de cours
Leçon 1
Mettre en place le HTML
Leçon 2
Mettre en place le CSS
Leçon 3
Mettre en place le jQuery
Leçon 4
Conclusion

Table des matières

Leçon 1

Mettre en place le HTML

05m39
Leçon 2

Mettre en place le CSS

11m21
Leçon 3

Mettre en place le jQuery

11m02
Leçon 4

Conclusion

02m46

Aperçus

Avis des apprenants

Détail des avis
4
Commentaires
5/5
Note moyenne
5/5
4
4/5
0
3/5
0
2/5
0
1/5
0
Valérie Arno
Valérie Arno
Publié le 24/06/2023
Ce bouton scrollTop est vraiment indispensable dans les pages possédant un long scroll. Quand je vois que certains sites marchands tels qu'Amazon ne donnent pas la possibilité de remonter facilement en haut de la page, je trouve ça très agaçant. Il existe donc il ne faut pas s'en priver et en plus c'est facile à mettre en place. Quelques lignes de codes jQuery et css et hop on est en haut de la page :-) Merci Carl. RDV au numéro 2.
Carl Brison
Carl Brison
Vous avez parfaitement raison ! Merci beaucoup pour votre commentaire très gentil ;-)
Bernard Chabloz
Bernard Chabloz
Publié le 29/05/2023
Une pratique bienvenue, qui ne demande qu'à s'étoffer et à se complexifier si possible.
Carl Brison
Carl Brison
Merci pour votre commentaire ;-)
Jean-Claude Warg-Briers
Jean-Claude Warg-Briers
Publié le 19/05/2023
Parfait tant sur la forme que la pédagogie .
Carl Brison
Carl Brison
Merci beaucoup pour votre commentaire très gentil ;-)

Vos questions sur le cours

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code complet de l'exercice.

Deux façons de suivre cette formation

À l'unité
Pour vous former sur ce sujet précis
8,99€
Paiement unique, sans abonnement
Accès à vie à cette formation
30m48 de vidéo • 1 chapitre
Satisfait ou remboursé voir conditions
Accès immédiat après paiement
Avec l'abonnement
Pour progresser en continu
34,90€ /mois
Sans engagement
Cette formation + 6 784 autres en illimité
Plus de 20 nouvelles formations par mois
Résiliable en 1 clic, à tout moment
Commencer avec l’abonnement
Accès immédiat, pendant votre abonnement

Inclus dans les deux formules

  • Hors connexion via l'app Tuto.com
  • Salon d'entraide pour vos questions
  • Certificat de complétion
Paiement sécurisé 1,4 million d'apprenants 4.8/5 Trustpilot
Logo carte-bancaire-monoLogo visa-monoLogo mastercardLogo paypal-monoLogo klarna-monoLogo apple-pay-monoLogo google-pay-mono
Une question avant de choisir ? Écrivez-nous ou appelez le 01 84 80 80 29 (du lundi au vendredi, 10h-12h et 14h-16h)

Formations complémentaires

Les apprenants qui suivent cette formation s'intéressent aussi à :

Abonnement 34,90€/mois

Attendez ! 🤗

Accédez à plus de 1426 tutos gratuits

Notre politique de protection des données