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

html-css08

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

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

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

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

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

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

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

1.overflow内容溢出时的设置(设定被设定对象是否显示滚动条).

overflow-x水平方向内容溢出时的设置.

overflow-y垂直方向内容溢出时的设置.

以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。

2.scrollbar-3d-light-color立体滚动条亮边的颜色(设置滚动条的颜色).

scrollbar-arrow-color上下按钮上三角箭头的颜色.

scrollbar-base-color滚动条的基本颜色.

scrollbar-dark-shadow-color立体滚动条强阴影的颜色.

scrollbar-face-color立体滚动条凸出部分的颜色.

scrollbar-highlight-color滚动条空白部分的颜色.

scrollbar-shadow-color立体滚动条阴影的颜色.

1、打开html开发工具,新建一个html代码页面,在html代码页面输入大量的文本内容,确保在浏览器上能有滚动条出现。

2、引入一个jquery.js库。在title标签后面创建一个script标签,然后引入jquery.js文件。

3、新建一个script标签,在这个标签里面创建使用$(window).scroll()监听滚动条滚动事件(案例中判断当滚动条滚动高度超过100的时候就出现一个弹出框)。

4、保存html代码后使用浏览器打开,然后滚动Y轴滚动条。

5、发现滚动到一定位置后会出现一个alert弹出框表示监听滚动条成功。

扩展资料  

HTML称为超文本标记语言,是一种标识性的语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。

HTML文本由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。

这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

HTML其实是文本,它需要浏览器的解释,它的编辑器大体可以分为以下几种:

基本文本、文档编辑软件,使用微软自带的记事本或写字板都可以编写,WPS来编写,也可以。不过存盘时请使用htm或html作为扩展名,这样就方便浏览器认出直接解释执行了。

半所见即所得软件,如:FCK-Editer、E-webediter等在线网页编辑器;尤其推荐:Sublime Text代码编辑器(由Jon Skinner开发,Sublime Text2收费但可以无限期试用)。

所见即所得软件,使用最广泛的编辑器,完全可以一点不懂HTML的知识就可以做出网页,如:AMAYA(出品单位:万维网联盟)。

任何地方进行修改只需要刷新即可显示。缺点是生成的代码结构复杂,不利于大型网站的多人协作和精准定位等高级功能的实现。