tilbage til lektionen

Vis en note tæt på elementet (absolut)

vigtighed: 5

Ret løsningen fra den forrige opgave sådan at noten anvender position:absolute i stedet for position:fixed.

Dette vil forhindre at den bevæger sig væk fra elementet, når siden scroller.

Tag udgangspunkt i løsningen fra den forrige opgave.

For at teste rulningen kan du tilføje denne stil til body-tag’et: <body style="height: 2000px">

Løsningen er egentlig ret simpel:

  • Brug position:absolute i CSS i stedet for position:fixed for .note.
  • Brug funktionen getCoords() fra kapitel Koordinator til at få dokument-relative koordinater.

Åbn løsningen i en sandbox.