回到课程

在元素旁边显示一个注释(绝对位置)

重要程度: 5

修改先前任务 的解决方案,从而让注释元素使用 position:absolute 而不是 position:fixed 样式。

当页面滚动时,这可以防止注释从元素旁边“逃离”。

以之前任务的解决方案作为出发点。为了测试页面滚动,可以添加样式 <body style="height: 2000px">

解决方案实际上很简单:

  • .note 的 CSS 中使用 position:absolute 样式而不是 position:fixed
  • 使用在章节 坐标 中的 getCoords() 函数来获取基于文档的坐标。

使用沙箱打开解决方案。