粘性定位(position:sticky)实现固定表格表头、固定列


* 使用position:sticky属性固定表头遇到的坑

  滚动时固定行和列的左右边框会消失,采用伪元素模拟右边框和下边框,并且给最外层容器添加左边框和上边框,而且滚动时还有个莫名奇妙的问题,左边的文字竟然在那边框区域1px像素的区域显示出来一点

采用模拟边框后这个问题也一并解决了。

 

 

z-index问题,z-index要从左上角至两边递减,左上角的th要把z-index设的最大,否则滚动时右边的的th和下面的td会把第一个th盖住

 

 今天就不上代码了!

 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM