如果元素的样式是位置固定的，只需要设置bottom而不是top，并使用px而不是vh的Exact number，当顶部距离改变时，它总是将位置固定到底部，我在下面添加了一个演示，你可以测试它

<table>
  <tbody>
    <tr>
      <td id="cell1">
        Cell 1
      </td>
      <td id="cell2">
        Cell 2
      </td>
      <td id="cell31">
        Cell 3
      </td>
      <td id="cell4">
        Cell 4
      </td>
    </tr>
    <tr>
      <td id="cell5">
        Cell 5
      </td>
      <td id="cell6">
        Cell 6
      </td>
      <td id="cell7">
        Cell 7
      </td>
  </tbody>
</table>
<script>
  document.querySelector('table').style.bottom = document.documentElement.clientHeight + 'px'
</script>

字符串