今天修理一bug , jsp页面是不分页的,默认是显示所有记录,所以当数据量很大的情况下,列又多,拉到下面的时候根本不知道哪一列是啥意思,所以需求就是,列表头要一定要显示在页面上部,不管下拉多少记录。
思路一: 也是最麻烦的;
把列表头放在一个div中,利用JS触发滚动条事件,不断的修正div所在位置。
function mymove()
{
mydiv.style.top=document.body.scrollTop // 改变a的值,将改变浮动图层离上边界的距离
mydiv.style.left=0
setTimeout("mymove();",1) // 这个函数设置的是浮动图层移动的时间,张二个参数越大,移动得越慢。
}
<BODY onload="mymove();">//加载onload事件
<script language=javascript>
{
document.write("<div id='mydiv' style=' position: absolute; width:100%;top:100;left:0;visibility: visible;z-index: 1'><table id='ec_table' border='1' cellspacing='0' cellpadding='0' width='100%'> <tr>tr></table></div>");
mymove() }
</script>
但是有个缺点: 当滚动条下拉或者上拉的时候, 表头不断在闪,效果不好
思路二:
表头不动,将要加载的记录放在一个div,并且设置这个div的滚动条,还有取消body的滚动条 这个效果很好;呵呵 而且很简单。
<div style="OVERFLOW-Y: auto;OVERFLOW-X: hidden; HEIGHT: 563px">
<body style="overflow: hidden ">
OK搞定 呵呵
附div滚动条属性说明:
overFlow: hidden || auto|| scroll 滚顶条 hidden为隐藏;auto为记录超过页面时自动开启滚动条滑块; scroll 始终显示滚动条不管是否溢出
overFlow-x: scroll ;横向滚动条
overFlow-y: hidden ; 纵向滚动条
/* 滚动条相关的颜色属性 */
scrollBar-face-color: green; /* 滑块颜色 */
scrollBar-hightLight-color: red; /* 高亮颜色 */
scrollBar-3dLight-color: orange; /* 3维光线颜色 */
scrollBar-darkshadow-color:blue; /* 暗影 颜色 */
scrollBar-shadow-color:yellow; /* 阴影 颜色 */
scrollBar-arrow-color:purple; /* 箭头 */
scrollBar-track-color:black; /* 滑道颜色 */
scrollBar-base-color:pink; /* 主要颜色 */
分享到:
相关推荐
div滚动条 带滚动条的div div滚动条样式div滚动条 带滚动条的div div滚动条样式
DIV滚动悬浮层,页面滚动条滚动,悬浮层保持位置不变!
滚动条下拉DIV固定在头部不动 内包含js下载后可直接使用
div随滚动条上下滚动,div随滚动条上下滚动div随滚动条上下滚动div随滚动条上下滚动
网页局部div随滚动条置顶滚动 效果很好,跟普通的滚动不太一样,没有延迟。
jQuery实现将div的滚动条滚动到指定位置 jQuery实现将div的滚动条滚动到指定位置
如何让DIV固定在页面的某个位置而不随着滚动条随意滚动
随滚动条移动的DIV层
这个例子是把div固定在设定的地方,不跟着滚动条滚动!
优秀的的div滚动条优化代码 优化之后不在影响滚动功能的情况下使div的滚动条变为半透明的...
div滚动条样式一览-div+css设计网,div滚动条,多个div滚动条样式
纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.
jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jsDIV滚动条jsDIV滚动条jsDIV滚动条
div固定在屏幕的一个位置,不随滚动条的拖动而改变位置
div或其他html块内容跟随滚动条移动,滚动移动时,内容跟着移动,并保持最右边
在页面中的div做滚动条,所谓DIV滚动条,就是利用DIV标签,在里面嵌入CSS样式表,使得div在固定的宽度和高度内可以显示更多的内容。
浮动div 页面两边滚随滚动条滚动的DIV div滚动
为div添加滚动条 html 欢迎下载
拖动div 内部有滚动条
div 的滚动条问题 div自动添加滚动条,防止div移动位置