当点击表格行时，如何滚动到页面上有固定标题的元素？

<table>
  <tr onclick="scrollToFixedElement(1)">
    <td>表格行1</td>
  </tr>
  <tr onclick="scrollToFixedElement(2)">
    <td>表格行2</td>
  </tr>
  <!-- 其他表格行 -->
</table>

<h2 id="title1">固定标题1</h2>
<!-- 其他内容 -->
<h2 id="title2">固定标题2</h2>
<!-- 其他内容 -->

function scrollToFixedElement(elementId) {
  var targetElement = document.getElementById("title" + elementId);
  targetElement.scrollIntoView({ behavior: 'smooth' });
}