如何实现网页批注的间距效果，让靠近的批注紧挨在一起，距离较远的批注显示在靠近批注文本的位置？

发布日期： 2024-10-25 阅读量： 作者： 网络

如何定位网页批注的间距？

在开发类似 word 批注功能时，我们需要实现批注的间距效果，即靠近的批注紧挨在一起，距离较远的批注显示在靠近批注文本的位置。

对于这种需求，可以使用绝对定位，并针对批注的顶部位置和高度进行统计。

首先，将批注的顶部位置和高度存储在数组中，如下所示：

[
    {top: 100, height: 200},
    {top: 800, height: 200},
    {top: 820, height: 200},
    {top: 1020, height: 200},
]

随便看看