regresar a la lección

Muestra una nota cercana al elemento (absolute)

importancia: 5

Modifica la solución de la tarea previa de manera que la nota use position:absolute en lugar de position:fixed.

Esto evitará que se “aleje” del elemento cuando se desplace la página.

Toma la solución de la tarea anterior como punto de partida. Para testear el scroll, agrega el estilo <body style="height: 2000px">.

La solución realmente es muy simple:

  • Usa position:absolute con CSS en lugar de position:fixed para .note.
  • Usa la función getCoords() del capítulo Coordenadas para obtener las coordenadas relativas al documento.

Abrir la solución en un entorno controlado.