Javascript 在溢出区域滚动时，如何使工具提示框可见？

如您所见，工具提示已被覆盖，并且没有正确显示

当固定区域中的内容溢出并产生滚动变量时，以及当使用“肯定：绝对”制作的工具芯片盒不正确时，如何使工具提示框看起来清晰并滚动？我想要的布局如下所示

*{
保证金：0；
填充：0；
}
.标题{
宽度：100%；
高度：50px；
背景颜色：淡紫色；
}
.test1{
宽度：300px；
高度：计算（100vh-50px）；
最小高度：计算（100vh-50px）；
背景颜色：粉红色；
溢出y：滚动；
位置：相对位置；
}
.内容1，
.内容3{
宽度：230px；
保证金：自动；
位置：相对位置；
}
.内容2，
.内容4{
宽度：144px；
位置：相对位置；
}
.工具提示{
宽度：20px；
高度：20px；
位置：绝对位置；
底部：3px；
右：3px；
背景色：红色；
}
.工具提示内容{
宽度：300px；
背景色：黑色；
位置：绝对位置；
左：计算（100%+20px）；
顶部：-5px；
颜色：#fff；
单词break：打破所有
}

内容标题

abcdefgdfsafdasdfsadfsadfasdfsadf

重要的是

数据容器class='body'

，以便工具提示可以显示在滚动条外

。滚动换行{
宽度：150px；
高度：150像素；
溢出：自动；
盒影：0.3倍橙色；
}
.滚动换行按钮{
边缘顶部：30px；
边缘底部：20px；
}

右工具提示
右工具提示
右工具提示
$（函数（）{
$（“[data toggle='tooltip']”）。tooltip（）；
});

重要的是

数据容器class='body'

，以便工具提示可以显示在滚动条外

。滚动换行{
宽度：150px；
高度：150像素；
溢出：自动；
盒影：0.3倍橙色；
}
.滚动换行按钮{
边缘顶部：30px；
边缘底部：20px；
}

右工具提示
右工具提示
右工具提示
$（函数（）{
$（“[data toggle='tooltip']”）。tooltip（）；
});

是否要在滚动条内使用

工具提示

，将鼠标悬停在滚动条上并跟随滚动条内的元素每个内容都有一个图标，工具提示基于该图标。我不知道该怎么办。你是自己写工具提示还是使用插件，我不建议自己写。写入滚动条内的“工具提示”的“DOM”不能超过滚动条。如果您想超过它，您需要在外部写入它，因此您需要监听“DOM”位置的更改并修改提示位置。是否要在滚动条内使用

tooltip

，将鼠标悬停在滚动条上并跟随滚动条内的滚动元素每个内容都有一个图标，并且工具提示基于该图标。我不知道该怎么办。你是自己写工具提示还是使用插件，我不建议自己写。写入滚动条内的“工具提示”的“DOM”不能超过滚动条。如果您想超过它，您需要在外部写入它，因此您需要侦听“DOM”位置的更改并修改提示位置。“Title”可能不可用。工具提示由“div”组成。谢谢您的帮助。@aria1220此支持

HTML

代码段，以上代码已更新“Title”可能不可用。工具提示由“div”组成。谢谢您的帮助。@aria1220此支持

HTML

代码段，以上代码已更新