侧边栏滚动时Tooltip位置偏移问题求助

我想实现一个带有Tooltip的侧边栏，要求Tooltip始终附着在对应的<li>元素上——正常状态下Tooltip能精准贴合目标<li>；但滚动到侧边栏底部时，Tooltip位置会出现偏移，无法再附着到对应的<li>元素上。

相关代码示例已准备好，希望各位能提供思路和建议，谢谢！

更新： 我已根据建议，使用JS通过滚动条高度调整Tooltip位置，更新后的代码也已完成。

内容的提问来源于stack exchange，提问作者Pranai Giri