我有一个 HTML 代码,有一个大表。我需要滚动才能访问所有行。
我将thead
制作为粘性标签。因为我到处都需要这个标签。 (位置:粘性;顶部:0;
)
但是,当我想在 JavaScript 中使用 firstCell.scrollIntoView();
时,firstCell
将被 thead
覆盖!
您可以在 this link 中看到示例
在此示例中,目标
是表中的第一个单元格
,通过单击按钮,它必须滚动到目标<的 View 中
但是目标
将位于头部
的背面
如何解决这个问题?
最佳答案
由于 thead
具有粘性位置,因此在计算可用空间时不会考虑其大小。
解决方法是使用 scrollIntoView({behavior: 'smooth', block: 'end' })
代替 scrollIntoView()
。
这只有效,因为thead
的高度等于tr
的高度,所以如果它将滚动条与底部对齐,它就不再被覆盖。
关于javascript - 在 JS 中滚动到 View ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/71093516/