Barre de défilement
importance: 5
Créer une barre de défilement:
Faire glisser le pouce bleu avec la souris et le déplacer -.
Détails importants:
- Lorsque la souris est appuyée, durant le glissement la souris peut se mettre au-dessus ou en bas de la barre de défilement. La barre de défilement va toujours fonctionner (c’est convenable pour l’utilisateur).
- Si la souris se déplace très rapidement vers la gauche or la droite, le pouce doit s’arrêter exactement sur le rebord.
Comme nous pouvons le voir avec HTML / CSS, le curseur est un <div>
avec un fond coloré, qui contient un executeur – une autre <div>
avec position: relative
.
Pour positionner l’executeur , nous utilisons position: relative
, afin de fournir les coordonnées relatives à son parent, ici c’est plus pratique queposition: absolute
.
Ensuite, nous implémentons un glisser-déposer horizontal uniquement avec une limitation par la largeur.