TABLE第一行滚动条固定不动怎么做？

[c560zf1986]

<table width="300" border="1">
<tr>
<th>姓名</th>
<th>性别</th>
<th>职业</th>
</tr>
<tr>
<td>内容</td>
<td>内容</td>
<td>内容</td>
</tr>
<tr>
<td>内容</td>
<td>内容</td>
<td>内容</td>
</tr>
下面还有很多很多。。。。。。
</table>

这样的一段代码，我想让第一行在下拉滚动条时随着滚动条而滚动，怎么做到？

[c560zf1986]

引用 1 楼 save4me 的回复:

参考一下: Pure CSS Scrollable Table with Fixed Header 上面的是纯css版的，页面里面还提到了一个跨浏览器支持更好的js+css版的

你给的这个不是我想要的结果，这个要固定高度，我想要的类似于漂浮的那种效果，就像这个论坛一样，看看这帖子，下拉的时候，标题永远在顶部

[JFMark]

具体属性微调

 
 <tr style="position:fixed;top:0px;">
    <th>姓名</th>
    <th>性别</th>
    <th>职业</th>
  </tr>

[save4me]

楼上的用position: fixed是对的，如果你还需要支持IE6 (现在应该已经不是主流浏览器了)，可以再加上position: absolute;，注意css样式前的*号

* html .fixed {
    position: absolute;
}

[save4me]

参考一下: Pure CSS Scrollable Table with Fixed Header 上面的是纯css版的，页面里面还提到了一个跨浏览器支持更好的js+css版的

[c560zf1986]

都不是我想要的效果啊，，， 看看这个CSDN的帖子，当往下拉，而且当屏幕淹没帖子标题的时候，是不是标题也跟随着下来？就是这个效果。 以上楼上两位，用的是TOP=0，这样的话，TABLE上面就不能有任何内容了，

[jacken159]

引用 3 楼 u010129320 的回复:

具体属性微调

 
 <tr style="position:fixed;top:0px;">
    <th>姓名</th>
    <th>性别</th>
    <th>职业</th>
  </tr>

这个答案可以的了

[SeverHo]

受不了上面的回答……居然用fixed…… 用fixed会导致永远固定在一个位置，楼主要的是相对表格，表头静止

[wylwyl1108]

把 下面的 tr部分 放在另外一个表里。。。 下面的tr设置 overflow；scroll