javascript - JavaScript - scrollIntoView() 仅适用于 Firefox

Question

我正在尝试scrollIntoView()使用 SVG 元素。它可以按预期在 Firefox 上运行，但在 Chrome 和 Edge 上它向下滚动太远或其他一些错误的地方。

<g id="clust1" class="cluster">
    <title>cluster_Legend</title>
    <polygon fill="none" stroke="black" points="8,-8 8,-59 2503,-59 2503,-8 8,-8"/>
    <text text-anchor="middle" x="1255.5" y="-47" font-family="Times New Roman,serif" font-size="10.00">Node color legend </text>
</g>

我有一个selectedCluster带有所选<g>元素的变量。我在嵌套的元素内调用scrollIntoView() 。<polygon><g>

var polygon = selectedCluster.querySelector("polygon");
polygon.scrollIntoView({behavior: "smooth"});

如何使它在 Chrome 和 Edge 中正确滚动？

谢谢