Покажите заметку около элемента (абсолютное позиционирование)
важность: 5
Измените код решения предыдущего задания так, чтобы элемент заметки использовал свойство position:absolute вместо position:fixed.
Это предотвратит расхождение элементов при прокрутке страницы.
Используйте решение предыдущего задания для начала. Чтобы проверить решение в условиях с прокруткой, добавьте стиль элементу <body style="height: 2000px">.
Решение достаточно простое:
- Используйте
position:absoluteв CSS вместоposition:fixedдля элемента с классом.note. - Используйте функцию getCoords() из главы Координаты, чтобы получить координаты относительно документа.