返回课程

在元素附近显示一个注释

重要性:5

创建一个函数 positionAt(anchor, position, elem),根据 positionanchor 元素附近定位 elem

position 必须是一个字符串,包含以下三个值之一

  • "top" – 将 elem 放在 anchor 正上方
  • "right" – 将 elem 放在 anchor 的右侧
  • "bottom" – 将 elem 放在 anchor 正下方

它用在任务源代码中提供的 showNote(anchor, position, html) 函数中,该函数创建了一个带有给定 html 的“note”元素,并在 anchor 附近的给定 position 位置显示它。

以下是笔记的演示

打开任务的沙盒。

在这个任务中,我们只需要准确地计算坐标。有关详细信息,请参阅代码。

请注意:元素必须在文档中才能读取 offsetHeight 和其他属性。隐藏的 (display:none) 或超出文档的元素没有大小。

在沙盒中打开解决方案。