Html 向下滚动时，如何修复表中的两行标题？

我这里有小提琴：。它有两个

td

内部

thead

thead th {
  position: -webkit-sticky; /* for Safari */
  position: sticky;
  top: 0;
}

这一行只修复了第一行。如何在AD中同时修复

td

？

---

正如您在上面所看到的，只有一行是固定的，而另一行仍然存在。

因为两行都有

top:0

，并且它们重叠。您应该为第二行设置不同的

top

值

div{
最大高度：10公分；
溢出：滚动；
}
thead th{
职位：-webkit sticky；/*用于Safari*/
位置：粘性；
排名：0；
}
第四个孩子（第二个）{
顶部：20px；
}

头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
头
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体
身体