粘性定位(position:sticky)實現固定表格表頭、固定列


* 使用position:sticky屬性固定表頭遇到的坑

  滾動時固定行和列的左右邊框會消失,采用偽元素模擬右邊框和下邊框,並且給最外層容器添加左邊框和上邊框,而且滾動時還有個莫名奇妙的問題,左邊的文字竟然在那邊框區域1px像素的區域顯示出來一點

采用模擬邊框后這個問題也一並解決了。

 

 

z-index問題,z-index要從左上角至兩邊遞減,左上角的th要把z-index設的最大,否則滾動時右邊的的th和下面的td會把第一個th蓋住

 

 今天就不上代碼了!

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM