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

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

Carl Brison
9,00€

Téléchargement & visionnage illimité

Satisfait ou remboursé

Paiement 100% sécurisé

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

Plan détaillé du cours

Leçon 1Mettre en place le HTML
05m39s
Leçon 2Mettre en place le CSS
11m21s
Leçon 3Mettre en place le jQuery
11m02s
Leçon 4Conclusion
02m46s

Aperçus

Avis des apprenants

Détail des avis
5
Apprenants
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

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

jQuery

Quel est le niveau requis pour suivre ce tuto ?

débutant

Que contient le fichier source ?

Le code complet de l'exercice.

Attendez ! 🤗

Accédez à plus de 1330 tutos gratuits

Notre politique de protection des données