滚动表格时固定表格中的标题

Question

问题：

我有一张桌子太大而不能成为移动设备的液体风格元素。我的解决方案是制作overflow-x: auto。效果很好，几乎就是移动应用程序上的电子表格如何工作。一个问题是，表格可能会令人困惑，标题在offset-y部分内。我有时会发现自己向上滚动只是为了查看我正在查看的数据列。

问题：

有没有办法使用CSS/JS - jQuery将表头保持在表本身的固定位置，这样当用户滚动数据时，标题总是显示就像你期望的那样在移动应用程序？ （mac的数字也是这样）。我不介意使用CSS3，因为这是用于移动设备。

具有相同行为的其他事物

• Apple Numbers 当您向下滚动并且标题不在视图范围内时，它们会一直保持不变，直到您向上传递。
滚动浏览Feed时，
• iPhone Instagram应用，用户的标题会保留在视图中，直到新帖显示。
• iPhone联系人应用滚动所有联系人时，您所在的字母部分会一直显示在新信件上方。

我只是想确保你们知道我在说什么，因为我找不到类似于我想做的事情。不确定如果我输入错误的搜索条件或什么。但它几乎是float和fixed之间的混合风格。

Answer 1

这是您正在寻找的内容：https://css-tricks.com/persistent-headers/

之前已多次完成。

Answer 2

代码删除有一篇关于在滚动时修复表格标题的精彩文章。

该解决方案基于JQuery，适用于行标题和列标题

<强> Sticky Table Headers & Columns