javascript - scrollIntoView 没有滚动到视图中

Question

我有以下代码：

HTML

<a href="#" onclick="document.getElementById('tabAnchor').scrollIntoView(true); return false;">
    TEXT TO GO TO WARRANTY
</a>
...
<!-- A LOT OF HTML -->
...
<a id="tr_tab_2";">Warranty</a>

问题是它更改了选项卡并滚动了一下，但实际上并没有滚动到我可以看到所选选项卡的位置。它只是归结为选项卡的标题。

有没有办法在标签标题下滚动它而不是仅仅滚动到标题？

解决方案

万一有人偶然发现它，这可以解决它：

<a href="#" onclick="scrollIntoWarranty(); return false;">

function scrollIntoWarranty() {
    var offset = 50;
    var el = document.querySelector("#tr_tab_2");
    window.scroll({ top: (el.offsetTop - offset), left: 0, behavior: 'smooth' });
}