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

html 如何让一个表的前几列固定,不随着滚动条移动?,第1张

1、如图,一个没有经过固定 *** 作的电子表格,当随着表格被拖动或滚动,需要被固定的首行或首列的信息也跟着滚动消失了。

2、首先打开excel文档,假设我们需要让表格的前两行内容在表格滚动时固定在表格顶部,即第3行与第4行不变。

3、首先将鼠标移动到O5单元格(要固定的行的下一行最旁边一个单元格内),并单击,使该单元格处于被选中状态。

4、保持光标停留位置处于O5单元格,依次选择工具栏中的“视图”-“冻结窗格”-

5、单击“冻结拆分窗格”。

6、回到文档,继续拖动或滚动表格,会发现第3、4行已经被固定在此位置。至此所有 *** 作完成,过程很简单。

CSS 禁止滚动条,有4种方法,具体如下:

1、完全隐藏

在<boby>里加入scroll="no",可隐藏滚动条;

<boby scroll="no">

2、在不需要时隐藏

指当浏览器窗口宽度或高度大于页面的宽或高时,不显示滚动条;

反之,则显示;

<boby scroll="auto">

3、样式表方法

在<boby>里加入style="overflow-x:hidden",可隐藏水平滚动条;

加入style="overflow-y:hidden",可隐藏垂直滚动条。

被包含页面里加入

<style>

html { overflow-x:hidden}

</style>

4、另一种方法

<style type="text/css">

body {

overflow-x:hidden

overflow-y:hidden

}

</style>

<style type="text/css">

html {

overflow-x:hidden

overflow-y:hidden

}

</style>

解决方法如下:

1,把body标签的样式(滚动条)禁用。

2,div标签的样式(滚动条)启用。

<html><head><style>body{    overflow:hidden}.test{    width:100px   height:100px   overflow:auto}</style></head><body><div class="test">   DIV内容区域,当内容超出该DIV范围时出现滚动条    DIV内容区域,当内容超出该DIV范围时出现滚动条    DIV内容区域,当内容超出该DIV范围时出现滚动条    DIV内容区域,当内容超出该DIV范围时出现滚动条    DIV内容区域,当内容超出该DIV范围时出现滚动条</div></body></html>。

固定滚动条的方法:

1、html,body:将默认出现的滚动条,完全地隐藏,这样不管什么内容都不会出现了。

2、virtual_body:写一个假的body,设置它的长宽为100%,这样利用可视的浏览器窗体显示所有的内容,并垂直允许出现滚动条。

3、fixed_div:用它进行绝对值进行定位,因为在这个容器下,该页面100%的被假冒body覆盖了,滚动条自然也显示不出来了。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/7174073.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-02
下一篇 2023-04-02

发表评论

登录后才能评论

评论列表(0条)

保存