html 如何让一个表的前几列固定，不随着滚动条移动？

答案:7 悬赏:20 手机版

解决时间 2021-04-04 02:03

提问者网友：山高云阔
2021-04-03 22:57

最佳答案

五星知识达人网友：duile
2021-04-03 23:03

.float_header
{
position: relative;
top: expression(eval(this.parentElement.parentElement.parentElement.scrollTop-2));
background-color: #5D7B9D;
color: White;
font-weight: bold;
height: 20px;
z-index: 2;
}上面是对一列进行定义，如果需要对前几列都进行定义固定，可让每个都添加.float的层，或者单独对这几列定义一个div。

全部回答

1楼网友：第四晚心情
2021-04-04 04:46

首先通过css实现，那么这就是布局的问题了。而需要的就是绝对布局，position: fixed;当然还有其他的，也可以去了解下。

具体方法：首先把需要固定的那几列在style里面加上position: fixed;的属性，同时设置top left属性（也就是里页面上面和左边的距离）。这个没试过，但是如果把这个表格的前几列重新分成两个表格，然后在需要固定的表格加上这个属性是绝对没问题的。
考虑兼容性问题：由于在IE6版本是不支持这个属性的，为了追求极致。请在加上一下属性。
_position: absolute;//带下标_的哦。意思就是IE6专用
_right: expression(eval(document.documentElement.scrollRight-0));//距离右边0px
_top: expression(eval(document.documentElement.scrollTop+180));//距离顶部180px
当然距离什么的可以改，比如改成左：_left: expression(eval(document.documentElement.scrollLeft+5));等等
如果没达到要求，请继续追问，或者提供更详细的需求，截个图什么的，就能更好的了解回答了。

2楼网友：执傲
2021-04-04 03:20

把你表分成二段, 上段固定, 用下面的DIV层来固定

3楼网友：千夜
2021-04-04 01:44

设置固定定位：position:fixed;

4楼网友：北方的南先生
2021-04-04 01:05

position:fixed

5楼网友：大漠
2021-04-04 00:48

position:fixed;可以固定表的位置，随屏幕移动而移动，不过好像只能在屏幕顶端。
所以想要效果更好，需要从网上下载个JS来用，很好找的。

我要举报

如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息，可以点下面链接进行举报！