javascript - 滚动表格时固定表格内的标题

Question

问题:

我有一个太大的表格，不能作为移动设备的流动样式元素。我的解决方案是使 overflow-x: auto。效果很好，几乎就是电子表格在移动应用程序上的工作方式。一个问题是，表头在 offset-y 部分内可能会让人难以阅读。有时我发现自己向上滚动只是为了查看我正在查看的数据列。

问题:

有没有办法使用 CSS/JS - jQuery 将表头保持在表本身的固定位置，这样当用户滚动浏览数据时，表头总是只显示就像您希望它出现在移动应用程序中一样？ (mac 版 Numbers 也这样做)。我不介意使用 CSS3，因为这是针对移动设备的。

具有相同行为的其他事物

• Apple Numbers 当您向下滚动并且标题不在 View 中时，它们会保持固定，直到您离开表格。
• iPhone Instagram 应用程序滚动浏览提要时，用户的标题会一直显示在 View 中，直到出现新帖子。
• iPhone 通讯录应用 当滚动浏览所有通讯录时，您所在的信件部分会保持在顶部，直到出现新信件。

我只是想确保你们知道我在说什么，因为我找不到与我想做的事情相似的东西。不确定我是否输入了错误的搜索词或什么。但它几乎是 float 和 fixed 之间的混合样式。

Answer 1

Code drops 有一篇关于在滚动时固定表格标题的优秀文章。

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

Sticky Table Headers & Columns