我有几个不同的表格，我想在页面的下方垂直显示。问题是，不同的表格有不同的列标题。
在图片中，深色边框代表视口(viewport)。红色虚线边框是红色标题所属的位置，但请注意它“卡住”在视口(viewport)的顶部。这是真的，直到在第二张图片中，绿色标题开始取代它。
http://imagebin.org/172108 
有谁知道如何使用非常轻量级的脚本(换句话说，我不需要 JQuery 或其他东西)和 CSS 来实现这一点。我的优势是我只需要它在 Webkit 上呈现(这意味着一些 css3 也是一个选项)。我不在乎标题是否实际上不是 html 的一部分 <table> - 不过，他们显然必须正确排列。
最佳答案
编辑:http://jsfiddle.net/BCtP8/3/
在那里，我修复了打嗝的文本。当页眉固定后，我更改了占位符的高度。我还对其进行了更改，使其适用于任何标题高度，而不仅仅是我给他们的高度。
旧帖 给你，伙计:
对于可能出现的任何问题，我深表歉意，我对整个 Web 开发领域还很陌生，而且我没有经验来预测可能会发生什么。
我怀疑这是最好或最有效的方法，所以如果您发现更好的方法，请张贴在这里，以便我学习。谢谢。
关于javascript - 卡住 header 直到不相关(HTML、CSS 和 JS)，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7385068/