
JS moderne, EXO #10, Barre de progression horizontale

Dans ce tuto en vidéo, nous allons apprendre à manipuler la barre de scroll qui apparaît à droite de la fenêtre de notre navigateur lorsque l'information dépasse la hauteur de la fenêtre courante.
Cette manipulation de la barre de scroll se fera au travers du langage CSS.
Je vais vous montrer comment nous pouvons agir sur sa largeur ainsi que sur sa couleur.
Je vais également vous montrer comment créer un effet au moment du scroll, grâce aux ombres portées.
Je mets à votre disposition l'ensemble des codes de ce tuto.
Je reste disponible dans le salon d'entraide pour répondre à vos éventuelles questions sur ce cours.
Si vous souhaitez en apprendre plus sur le HTML et le CSS je vous propose cette formation complète.
Quel est le niveau requis pour suivre ce tuto ?
Que contient le fichier source ?
Les apprenants qui suivent cette formation s'intéressent aussi à :

JS moderne, EXO #10, Barre de progression horizontale

A la découverte du langage CSS : Théorie

Dev. FrontEnd #10 : Bouton de scroll top

Bundle 10 exercices 100% frontend HTML, CSS et JS

JS moderne, EXO #3 : Fixer une barre de navigation au scroll

Bundle : 30 astuces CSS pour intégrer plus rapidement !

Bundle : Débuter en HTML et en CSS


10 astuces CSS pour faciliter l'intégration VOLUME 2

JS moderne, EXO #9, Modifier la Nav sur l'événement scroll
Avis des apprenants