retour au cours

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.

Open a sandbox for the task.

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.

Ouvrez la solution dans une sandbox.