Passer au contenu principal
Formation développeur web
  • Accueil
  • Plus
Vous êtes connecté anonymement
Connexion
Accueil
Passer Hébergement
Hébergement


Vous n'avez pas encore votre propre espace web pour héberger vos projets ? Noms de domaines, Wordpress, VPS, espace de stockage : hébergez vos projets web dès maintenant, à partir de 1€ / mois.

Passer Formation
Formation


Vous êtes intéressé par le secteur du web, de l'informatique, de la programmation ? Que ce soit pour une formation qualifiante ou ponctuelle, en présentiel ou à distance, financée par l'état, par l'alternance, le CPF, etc...  Contactez-moi afin de vous orienter correctement.

  1. Front-end
  2. JQuery
  3. Back to top
Devoir

Back to top

Conditions d'achèvement
Ouvert le : jeudi 20 février 2020, 00:00

Le "backtotop" est un élément bien connu du web. Ils permettent à l'utilisateur de revenir en haut de la page sans avoir à scroller vers le haut pendant trop longtemps.

Ils sont très simples à faire en vanillaJS, mais de nombreux plugins JQuery existe, avec des options de configuration permettant de rnedre le backtotop un peu plus "sympa". Votre mission, si vous l'acceptez, et d'en intégrer un.

Pour commencer : télécharger le fichier fourni en pièce jointe en bas de l'exercice afin que tout le monde ai la même base de travail.
Attention : ce plugin n'a pas de CDN. Il faut donc le télécharger en local sur votre machine

Commencez par faire fonctionner le backtotop simplement (donc sans option de configuration), puis une fois qu'il fonctionne bien, amusez-vous à changer :

  • la couleur de fond du bouton : en rouge
  • le style d'effet d'apparition : zoom


Lien vers la page du plugin : https://www.jqueryscript.net/animation/Scroll-To-Top-Button-backToTop.html
  • index.html index.html
    10 mai 2021, 16:05
Contacter l'assistance du site
Vous êtes connecté anonymement (Connexion)
Résumé de conservation de données
Obtenir l'app mobile
Fourni par Moodle