2019/12/14前端

使用 CSS position: sticky 固定表格表头

记录用 CSS position: sticky 固定 table 表头的实现方式。

1. HTML

HTML 表格结构示例

th {
  position: sticky;
  top: 0;
  background-color: #000;
  color: #fff;
}

固定表头效果图

滚动时表头固定效果图

效果就是这样了，我觉得还可以用这个属性做导航栏。