Accueil / javascript / 2-ui / 3-event-details / 4-mouse-drag-and-drop / 1-slider / solution.md

solution.md

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 que position: absolute.

Ensuite, nous implémentons un glisser-déposer horizontal uniquement avec une limitation par la largeur.