Javascript 保持固定标题的水平滚动位置与正文同步

所以我有一个基本上是表视图的网页。表格主体可以水平和垂直滚动，但标题应始终位于顶部，并且仅水平滚动（以匹配主体的位置）

我目前的解决方案是将标题和正文保持在单独的div中，标题有overflow-x:auto和overflow-y:hidden，正文有overflow:auto

然后我有JS代码来监视“滚动”事件，这样我就可以通过编程来更新水平滚动位置

它可以工作，但它很难看，有时会有一点滞后，在滚动主体后，标题不会立即更新位置

我已经看过了类似问题的答案，但我还没有找到更好的答案来解决水平滚动

我对任何框架或第三方解决方案都不感兴趣。谢谢

非常简单：

的样式设置为

sticky

，

top:0

粘贴到top，并且

背景色：白色

用于“隐藏”滚动行

nowrap

用于水平效果（无需）

th{
位置：粘性；
排名：0；
背景色：白色；
}

黏糊糊的，黏糊糊的
黏糊糊的，黏糊糊的
黏糊糊的，黏糊糊的
黏糊糊的，黏糊糊的
黏糊糊的，黏糊糊的
黏糊糊的，黏糊糊的
黏糊糊的，黏糊糊的
黏糊糊的，黏糊糊的
黏糊糊的，黏糊糊的
正常等等正常01
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常等等正常02
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常等等正常03
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常等等正常04
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常等等正常05
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常等等正常06
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的07
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常等等正常08
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常等等正常09
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常等等正常的10
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常等等正常的11
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的12
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常等等正常13
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常等等正常的14
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的等等等等正常的
正常的