Javascript 带SVG的Tabby JS阻止滚动

我正在尝试将与内联SVG元素一起使用。单击SVG外部的锚定标记可以很好地工作，当围绕SVG元素时，页面“跳转”到ID

有人能解释为什么会发生这种情况吗

我已经创建了一个使用原始插件HTML，你可以看到这个问题

<g data-tabs>
        <a data-tab href="#tab1">
      <rect id="red" x="177.9" y="44.2" class="tab st1" width="96" height="77.5"/>
    </a>
        <a data-tab href="#tab2">
      <rect id="orange" x="107.9" y="169.8" class="tab st2" width="166" height="101.5"/>
    </a>
</g>

---

非常感谢您使用tabby在选项卡中显示HTML元素，而对于SVG元素，您使用

#

（位置哈希）导航到页面元素。位置散列将使控件跳转到指定的元素。这就是你所注意到的行为

您可以阅读下面的博客，了解位置哈希导航是如何进行的

W3学校文档：

博客解释导航：