Javascript 如何修复滚动内容时SVG触发的引导工具提示的错误偏移？

我有一个SVG。这很简单。我想让它触发一个工具提示。是的。但是，当有大量内容且您滚动页面时，工具提示的偏移量不正确

这是一个例子。 要重现问题，请滚动一点，然后单击粉红色圆圈以打开工具提示。之后，单击粗体文本并查看差异

看起来计算的偏移量没有考虑滚动高度。我试着加上：

position: relative;

添加到页面上的各种元素，包括工具提示的容器主体。我还尝试使用不同的元素来触发。什么都不管用。但是，如果触发元件不在内部，则一切正常

---

是什么导致了此问题以及如何解决此问题？

使用内联div包装SVG，然后调用工具提示：

HTML:

小提琴：

---

您找到解决问题的方法了吗？没有。最终没有工具提示。这个问题存在于引导式回购中，但实际上是。我包装svg的解决方案没有帮助吗？找出Bootstrap为什么不喜欢SVG这种方式会很有趣。这是一个很好的解决方法，但只有当工具提示需要粘贴到SVG上时。在我的例子中，我需要在其中的各个点上显示工具提示。老实说，我看不到任何其他方法能让它更好地工作。啊，好吧，我想你可以抵消它们，但你最终会得到很多神奇的数字。

<div class="svg-wrap" data-toggle="tooltip" data-container="body" title="This tooltip doesn't work right.">
  <svg width="100px" height="100px" viewBox="0 0 100 100">
    <g>
      <circle fill="#fac" cx="50" cy="50" r="40" />
    </g>
  </svg>
</div>

.svg-wrap {
  position: relative;
  display: inline-block;
}