Afficher une note près de l'élément (absolute)
importance: 5
Modifier la solution du précédent exercice de sorte que la note utilise position:absolute au lieu de position:fixed.
Cela empêchera son “éloignement” de l’élément lorsque la page défile.
Prenez la solution de cet exercice comme point de départ. Pour tester le défilement, ajoutez le style <body style="height: 2000px">.
La solution est en fait assez simple :
- Utilisez
position:absolutedans le CSS au lieu deposition:fixedpour.note. - Utilisez la fonction getCoords() du chapitre Coordonnées pour obtenir les coordonnées relatives au document.