1、首先新建一个web项目,主要用到了html文件和css文件。
2、然后在html文件中,有图中的代码,引入css文件和设置一个div标签。
3、然后这里是css样式文件,主要看图中红框中内容,使用fixed定位方式。
4、运行项目后,可以看到div在右下角(为了模拟这里的body高度设置很高,足够滚动条下拉到底部的)。
5、然后滑动滚动条,即使到达底部后,div的位置依旧没有修改,就完成了。
1、如图,一个没有经过固定操作的电子表格,当随着表格被拖动或滚动,需要被固定的首行或首列的信息也跟着滚动消失了。
2、首先打开excel文档,假设我们需要让表格的前两行内容在表格滚动时固定在表格顶部,即第3行与第4行不变。
3、首先将鼠标移动到O5单元格(要固定的行的下一行最旁边一个单元格内),并单击,使该单元格处于被选中状态。
4、保持光标停留位置处于O5单元格,依次选择工具栏中的“视图”-“冻结窗格”-
5、单击“冻结拆分窗格”。
6、回到文档,继续拖动或滚动表格,会发现第3、4行已经被固定在此位置。至此所有操作完成,过程很简单。
首先通过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));等等
如果没达到要求,请继续追问,或者提供更详细的需求,截个图什么的,就能更好的了解回答了。
追问: 就是html做的一个table,我一行显示的字段太多了,超出了屏幕,就是想让table的前几列固定,当滚动条左右滑动时,前几列位置不变。有没有现成的属性实现,或者用css?或者js?怎么实现?不知道我描述的是否清楚。。 回答: 你把你这个页面的代码发给我 我看一下 就知道你想要什么效果了 追问: 我这个页面代码太复杂了。。举个例子把:我想让下面这个table前3列固定
商业运行动态 | |||||
商业企业 | 到货量 | 分拣打码量 | 零售户退货量 | 商商调剂量 | 库存量 |
北京市烟草公司 | 100.34 | 100.34 | 100.34 | 100.34 | 100.34 |
北京市烟草公司 | 100.34 | 100.34 | 100.34 | 100.34 | 100.34 |
.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。