固定Table第一行或某几行不随滚动条滚动而滚动

当前位置 : 首页 > 网页制作 > CSS > 固定Table第一行或某几行不随滚动条滚动而滚动

固定Table第一行或某几行不随滚动条滚动而滚动

来源: 作者: 时间:2015-11-05 11:49
在某些时候会实现如这样的效果:固定Table第一行或某几行不随滚动条滚动而滚动,示例代码如下,感兴趣的朋友可以参考下,希望对大家有所帮助
在某些时候会实现如这样的效果:固定Table第一行或某几行不随滚动条滚动而滚动,示例代码如下,感兴趣的朋友可以参考下,希望对大家有所帮助
样式:

复制代码
代码如下:

.fixedHead {
position: relative;
top:expression(this.offsetParent.scrollTop-2);
}

使用:

复制代码
代码如下:

<div>
<table class="con_tbl">
&nbsp; &nbsp; &nbsp; &nbsp; <tr class="fixedHead">
&nbsp; &nbsp; &nbsp; &nbsp; <th>标题不动</th>
</tr>
<PRE class=html name="code">&nbsp; &nbsp; &nbsp; &nbsp; <tr>
&nbsp; &nbsp; &nbsp; <td>内容滚动</td>
</tr></PRE></table>

</div>

<P></P>
<PRE></PRE>


<P></P>
Tag:
网友评论

<