این محتوا تنها در این زبانها موجود است: عربي, Čeština, Dansk, English, Español, Français, Italiano, 日本語, Русский, Українська, Oʻzbek, 简体中文. لطفاً به ما
Show a note near the element (absolute)
اهمیت: 5
Modify the solution of the previous task so that the note uses position:absolute instead of position:fixed.
That will prevent its “runaway” from the element when the page scrolls.
Take the solution of that task as a starting point. To test the scroll, add the style <body style="height: 2000px">.
The solution is actually pretty simple:
- Use
position:absolutein CSS instead ofposition:fixedfor.note. - Use the function getCoords() from the chapter Coordinates to get document-relative coordinates.