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

c560zf1986 2014-07-15 12:08:11
<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>

这样的一段代码,我想让第一行在下拉滚动条时随着滚动条而滚动,怎么做到?
...全文
17084 8 打赏 收藏 转发到动态 举报
AI 作业
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
wylwyl1108 2015-01-30
  • 打赏
  • 举报
回复
把 下面的 tr部分 放在另外一个表里。。。 下面的tr设置 overflow;scroll
SeverHo 2015-01-21
  • 打赏
  • 举报
回复
受不了上面的回答……居然用fixed…… 用fixed会导致永远固定在一个位置,楼主要的是相对表格,表头静止
jacken159 2014-08-12
  • 打赏
  • 举报
回复
引用 3 楼 u010129320 的回复:
具体属性微调
 
 <tr style="position:fixed;top:0px;">
    <th>姓名</th>
    <th>性别</th>
    <th>职业</th>
  </tr>
这个答案可以的了
c560zf1986 2014-07-17
  • 打赏
  • 举报
回复
都不是我想要的效果啊,,, 看看这个CSDN的帖子,当往下拉,而且当屏幕淹没帖子标题的时候,是不是标题也跟随着下来?就是这个效果。 以上楼上两位,用的是TOP=0,这样的话,TABLE上面就不能有任何内容了,
save4me 2014-07-15
  • 打赏
  • 举报
回复
参考一下: Pure CSS Scrollable Table with Fixed Header 上面的是纯css版的,页面里面还提到了一个跨浏览器支持更好的js+css版的
save4me 2014-07-15
  • 打赏
  • 举报
回复
楼上的用position: fixed是对的,如果你还需要支持IE6 (现在应该已经不是主流浏览器了),可以再加上position: absolute;,注意css样式前的*号

* html .fixed {
    position: absolute;
}
JFMark 2014-07-15
  • 打赏
  • 举报
回复
具体属性微调
 
 <tr style="position:fixed;top:0px;">
    <th>姓名</th>
    <th>性别</th>
    <th>职业</th>
  </tr>
c560zf1986 2014-07-15
  • 打赏
  • 举报
回复
引用 1 楼 save4me 的回复:
参考一下: Pure CSS Scrollable Table with Fixed Header 上面的是纯css版的,页面里面还提到了一个跨浏览器支持更好的js+css版的
你给的这个不是我想要的结果,这个要固定高度,我想要的类似于漂浮的那种效果,就像这个论坛一样,看看这帖子,下拉的时候,标题永远在顶部

61,129

社区成员

发帖
与我相关
我的任务
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
  • HTML(CSS)社区
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧