Mostrate una nota vicino l'elemento (position:absolute)
importanza: 5
Modificate la soluzione dell’esercizio precedente affinché la nota utilizzi position:absolute invece di position:fixed.
In questo modo eviteremo che si allontani dall’elemento quando la pagina scorre.
Prendete la soluzione dell’esecizio precedente come punto di partenza. Per testare lo scorrimento aggiungete lo stile <body style="height: 2000px">.
La soluzione è in realtà piuttosto semplice:
- Utilizzate
position:absolutenel file CSS invece diposition:fixedper.note. - Utilizzate la funzione getCoords() della sezione Coordinate per ottenere le coordinate relative al documento.