* 使用position:sticky屬性固定表頭遇到的坑
滾動時固定行和列的左右邊框會消失,采用偽元素模擬右邊框和下邊框,並且給最外層容器添加左邊框和上邊框,而且滾動時還有個莫名奇妙的問題,左邊的文字竟然在那邊框區域1px像素的區域顯示出來一點
采用模擬邊框后這個問題也一並解決了。
z-index問題,z-index要從左上角至兩邊遞減,左上角的th要把z-index設的最大,否則滾動時右邊的的th和下面的td會把第一個th蓋住
今天就不上代碼了!
* 使用position:sticky屬性固定表頭遇到的坑
滾動時固定行和列的左右邊框會消失,采用偽元素模擬右邊框和下邊框,並且給最外層容器添加左邊框和上邊框,而且滾動時還有個莫名奇妙的問題,左邊的文字竟然在那邊框區域1px像素的區域顯示出來一點
采用模擬邊框后這個問題也一並解決了。
z-index問題,z-index要從左上角至兩邊遞減,左上角的th要把z-index設的最大,否則滾動時右邊的的th和下面的td會把第一個th蓋住
今天就不上代碼了!
本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。