position sticky

在做公司项目的过程中遇到一个问题:让表头固定,同时其宽度必须占满整个父元素。用 fixed,可以固定但是宽度无法撑开。最终用position: sticky解决了问题。

参考资料:

  1. 杀了个回马枪,还是说说 position:sticky 吧« 张鑫旭-鑫空间-鑫生活
  2. position - CSS(层叠样式表) | MDN

position: sticky 的作用

这个坑先放着,等深入研究了再来填,放上 codepen 试验现场:https://codepen.io/liuqinh2s/pen/oNZWbeX