返回课程

在元素附近显示一个注释(绝对定位)

重要性:5

修改上一个任务的解决方案,使注释使用position:absolute而不是position:fixed

这将防止注释在页面滚动时“跑掉”。

以该任务的解决方案为起点。为了测试滚动,添加样式<body style="height: 2000px">

解决方案实际上很简单

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

在沙盒中打开解决方案。