在元素旁(absolute)显示一个 note
重要程度: 5
修改 上一个任务 的解决方案,让 note 元素使用 position:absolute
来替代 position:fixed
。
这可以防止页面滚动时元素的“失控”。
以上一个任务的解决方案为基础。为了测试页面滚动,请添加样式 <body style="height: 2000px">
。
解决方案实际上很简单:
- 在
.note
的 CSS 中,使用position:absolute
代替position:fixed
。 - 使用在 坐标 一章中所讲的函数 getCoords() 来获取相对于文档的坐标。