冻结标题直到不相关(HTML,CSS和JS)

jcu*_*nod 17 html javascript css webkit

我有几个不同的表,我想垂直向下显示在页面上.麻烦的是,不同的表有不同的列标题.

在图片中,黑色边框代表视口.红色虚线边框是红色标题所在的位置,但请注意它已"冻结"到视口顶部.这是正确的,直到在第二张图像中,绿色标题开始替换它. http://imagebin.org/172108概念图

有谁知道如何使用非常轻量级的脚本(换句话说,我不想要JQuery或其他东西)和CSS来实现这一点.我的优势是我只需要它在Webkit上呈现(这意味着一些css3也是一个选项).我不在乎标题是否实际上不是html的一部分<table>- 它们显然必须正确排列.

mow*_*ker 17

编辑:http://jsfiddle.net/BCtP8/3/

在那里,我修复了打嗝文本.当标题变得固定时,我改变了placholder的高度.我也把它改成了任何标题高度,而不仅仅是我给它们的标题高度.

旧帖 这里你去男人:

http://jsfiddle.net/BCtP8/

对不起可能发生的任何问题,我对整个网络开发场景都很陌生,而且我没有预测会发生什么的经验.

我怀疑这是最好或最有效的方法,所以如果你发现更好,请在这里发布,以便我可以学习.谢谢.