我有一个大约300行12列的大桌子.通过页面翻页滚动表格时<thead>,默认情况下不显示内容.我想在滚动"内部"时看到它<tbody>.也就是说,如果屏幕顶部以一行开头,我希望首先显示标题.否则它应该像常规表一样.
到目前为止我看到的常见解决方案是创建一个可以自行滚动的表(因此与页面滚动无关).也就是说,这个问题的答案表明了什么.
但是如果跨越屏幕有很多列,这不是很实用,特别是因为现在有两个独立的滚动条.在移动设备上,第二个滚动条带走了大量宝贵的空间.使用它也很烦人.你不能简单地"翻身",但你必须集中精力去击中那个小小的滚动条.在其他浏览器上,您可以滚动触摸其中的数据,但一旦您移出外部,另一个恼人的运动发生...
有一个干净的CSS方式来做到这一点？
希望这个位置:粘性有一天会成为这个问题的明确答案(参见上面的公告),如上面的评论所述,我仍然着迷于制作一个简单的HTML/CSS概念验证,没有双滚动条.
我的简单解决方案 - 不是一个完美的解决方案,更像是一个练习 - 没有脚本:
http://jsfiddle.net/willemvb/hEyZh/