最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
JS实现的表头列头固定页面功能示例
时间：2017-01-10 编辑：简简单单 来源：一聚教程网
本文实例讲述了JS实现的表头列头固定页面功能。分享给大家供大家参考，具体如下：
这里的示例演示了一个table页面,并固定表头或者列头,以达到excel冻结列的效果,主要使用的js的scrollTop,scrollLeft.
一.js中scrollTop及scrollLeft的使用说明
scrollTop指的是“元素中的内容”超出“元素上边界”的那部分的高度。例如:外层元素的高度值是200px,内层元素的高度值是300px。很明显，“外层元素中的内容”高过了“外层元素”本身.当向下拖动滚动条时，有部分内容会隐没在“外层元素的上边界”之外，scrollTop就等于这部分“不可见的内容”的高度。
scrollLeft同上.
二.页面示例
页面示例代码如下:
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
序号
|
效果图如下:
-
上一个： 详解Vue自定义过滤器的实现
相关文章
- webpack打包单页面如何引用的js 06-07
- angular.js 路由及页面传参示例 05-03
- 在js代码拼接dom对象到页面上去的模板总结 04-05
- jsp、struts、spring、mybatis实现前端页面功能模块化拆分的方案 01-11
- JS调用iframe方式实现Web区域打印页面内容 01-23
- iframe父子页面相互调用js代码 06-09