如何避免文本覆盖固定的顶部偏移

Question

我正在尝试在文本编辑器上添加注释，注释旁边的注释显示在旁边。为此，我使用了这个功能：

jQuery( document ).ready(function() {
    jQuery(this).find('span.comment').each(function () {
        var id=jQuery(this).attr('data-id');
        var top=jQuery(this).offset().top - 40;
        jQuery(document).find('article[id="'+id+'"]').each(function () {
            jQuery(this).css('top',top);
        });
    });
});

在此功能中，我检测注释文本的位置，并在同一y位置添加注释。

但是当两个评论文本彼此接近时，评论会重叠，而且他们的文字不再可读，是否有办法避免这样做或另一个想法呢？

Answer 1

使您的评论容器可滚动（overflow-y：auto;）并将其max-height设置为与注释文本高度相同。