回到课程

在元素旁边显示一个注释

重要程度: 5

基于 anchor 元素的上边("top"),右边("right")或者底部("bottom")的 position,创建一个 positionAt(anchor, position, elem) 函数来定位 elem 元素。

使用这个函数构建一个 showNote(anchor, position, html) 函数,它使用类 "note" 和文本 html 标签在 anchor 位置旁边显示一个元素。

注释像下面这样显示:

附:在这个任务中注释元素应该会有 position:fixed CSS 配置。

打开一个任务沙箱。

在这个任务中我们只需要精确计算坐标。具体细节可以在代码中查看。

请注意:元素必须位于在文档中才能读取 offsetHeight 和其它属性。 一个元素如果有隐藏的(display:none)样式或者坐标范围超出文档是得不到大小的。

使用沙箱打开解决方案。