回到课程

在元素旁(absolute)显示一个 note

重要程度: 5

修改 上一个任务 的解决方案,让 note 元素使用 position:absolute 来替代 position:fixed

这可以防止页面滚动时元素的“失控”。

以上一个任务的解决方案为基础。为了测试页面滚动,请添加样式 <body style="height: 2000px">

解决方案实际上很简单:

  • .note 的 CSS 中,使用 position:absolute 代替 position:fixed
  • 使用在 坐标 一章中所讲的函数 getCoords() 来获取相对于文档的坐标。

使用沙箱打开解决方案。