Javascript 当父节点向左滚动时，悬停弹出窗口不会移动

在那里。我想做一个悬停弹出窗口。当我的鼠标悬停在表格标题上时，将弹出详细说明。 但是，当我向左滚动表格时，弹出窗口保持不变。有什么办法可以让球粘在头球上吗

JSIDLE链接：

一些截图：

向左滚动时：

我知道我可以改变

位置：绝对至<代码>位置：相对在
.cellcoment1
但是，它看起来是这样的：
我添加了位置：相对；到字段_29类，然后位置：绝对；到跨度，它工作正常。如果您想在一行中，则添加跨度a宽度：最大内容；对于中心对齐，添加一个左边距：50%；转化：translateX（-50%）

创建一个fiddle并添加UR代码，以便更容易理解UR问题。嗨@DeepshikaS，我已经编辑了我的问题并制作了一个虚拟HTML。如果向左滚动并将鼠标悬停在标题上方，您将看到问题。嗨@Ronald，谢谢您的帮助。这正是我想要的。然而，我的CSS中缺少了一个重要的部分。哪个是
th{溢出：隐藏；
我想这是问题的原因。你有什么想法吗？我在这里做了一个新的JSFIDLE：天哪，我想出来了！只要将溢出设置为可见。嗨@Chen CN，我认为这不是一个好主意，因为apan在th之外，所以它不可见。你到底还有什么问题？对不起我的英语。哦，我明白了啊,我想现在可以正常工作了
.field_29:hover span.CellComment{   display: block;   position: absolute;   width: max-content;   margin-left: 50%;   transform: translateX(-50%); }

.field_29 {   position: relative; }