javascript - 在 JS 中滚动到 View

Question

我有一个 HTML 代码，有一个大表。我需要滚动才能访问所有行。

我将thead制作为粘性标签。因为我到处都需要这个标签。 (位置:粘性；顶部:0；)

但是，当我想在 JavaScript 中使用 firstCell.scrollIntoView(); 时，firstCell 将被 thead 覆盖!

您可以在 this link 中看到示例

在此示例中，目标是表中的第一个单元格，通过单击按钮，它必须滚动到目标<的 View 中

但是目标将位于头部的背面

如何解决这个问题？

Answer 1

由于 thead 具有粘性位置，因此在计算可用空间时不会考虑其大小。

解决方法是使用 scrollIntoView({behavior: 'smooth', block: 'end' }) 代替 scrollIntoView()。

这只有效，因为thead的高度等于tr的高度，所以如果它将滚动条与底部对齐，它就不再被覆盖。