一般滚动条都是根据高度或者宽度来判断滚动
Y滚动条
<div id="wrap" style="width:1076px; height:460px; overflow-y:scroll;"> <table class="tableborder" width="100%" style="float:left"> </div>
根据数据条数的div滚动条
1.如果表格记录小于14,就不滚动,此时不用div就没有长宽的固定限制。
2.如果大于14就滚动,用div滚动
<div style="overflow:auto; height:400px; border-bottom:1px solid #999999"> <table border="0" width="100%" cellspacing="0" cellpadding="0" class="list" id="tab1"> <tr class="tableheader"> <td width="100"></td> </tr> </table> </div>
X轴滚动条
表格水平滚动条滚动时怎样控制表头/操作不滚动,让数据滚动
思路:设置水平滚动条的宽度<该滚动表格的宽度。
2:设置表格的行的高度style="height:30"。注意只有表格的所有列宽(<td width="40px">)<该滚动表格的宽度时固定的高度才有效。否则失效。
<table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr><td> <div STYLE='position:relative;overflow:scroll; width:600;overflow-y:hidden'> <table width='850' border="0" cellspacing="0" cellpadding="0" class="list"> <tr class="tableheader" style="height:15"> <td width="40px">序号</td> <td width="90px"">申请时间</td> <td width="120px">申请公司</td> <td width="70px">联系人</td> <td width="100px">服务名称</b></td> <td width="90px">关务港口</td> <td width="100px">客户名称</td> <td width="100px">客户编码</td> </tr> <?php $tpl_comm_array=$form->commission_array; foreach($tpl_comm_array as $key => $value){ ?> <tr class="listcontent" onmouseover="this.bgColor='#EFF4FC'" onmouseout="this.bgColor='#ffffff'" style="height:30"> <td><b><?php echo $tpl_comm_array[$key]['id']; ?></b></td> <td><?php echo $tpl_comm_array[$key]['commdate']; ?></td> <td><?php echo $tpl_comm_array[$key]['copname']; ?></td> <td><?php echo $tpl_comm_array[$key]['contact']; ?></td> <td><?php echo $tpl_comm_array[$key]['servname']; ?></td> <td><?php echo $tpl_comm_array[$key]['portname']; ?></td> <td><?php echo $tpl_comm_array[$key]['custname']; ?></td> <td><?php echo $tpl_comm_array[$key]['custcode']; ?></td> </tr> <?php } ?> </table> </div> </td> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0" class="list"> <tr class="tableheader" style="height:15"> <td width="100px">操作</td> </tr> <?php $tpl_comm_array=$form->commission_array; foreach($tpl_comm_array as $key => $value){ ?> <tr class="listcontent" onmouseover="this.bgColor='#EFF4FC'" onmouseout="this.bgColor='#ffffff'" style="height:30"> <td align="center"><span class="ysmbotton"><a href="/Main.php?do=AdminOrder&submit=Update&order_application=<?php echo $tpl_comm_array[$key]['commid']; ?>"> 签约订单</a></span></td><td style="padding-right:10px;"> <span class="bluesmbotton"> <a href="/Main.php?do=OrderDisplay&order_application=<?php echo $tpl_comm_array[$key]['commid']; ?>" target="_blank"> 查看详情</a></span></td> </tr> <?php } ?> </table> <br> <td> </tr> </table>
纵向
<div style="overflow:auto; height:400px; border-bottom:1px solid #999999;"> <div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;">
<div style="width:798px;overflow:scroll;"> 横向
<div style="width:260px;height:120px; overflow:scroll; border:1px solid;">双向
让竖条消失:
<BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-Y:HIDDEN'></BODY>
让横条消失:
<BODY STYLE='OVERFLOW:SCROLL;OVERFLOW-X:HIDDEN'></BODY>
相关推荐
div滚动条 带滚动条的div div滚动条样式div滚动条 带滚动条的div div滚动条样式
优秀的的div滚动条优化代码 优化之后不在影响滚动功能的情况下使div的滚动条变为半透明的...
div滚动条样式一览-div+css设计网,div滚动条,多个div滚动条样式
jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jquery滚动条jsDIV滚动条jsDIV滚动条jsDIV滚动条
纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.
NULL 博文链接:https://axl234.iteye.com/blog/2063619
单个div滚动条初始化到最低位置
完美解决ASP.NET回传后div滚动条位置复位的问题
jQuery实现将div的滚动条滚动到指定位置 jQuery实现将div的滚动条滚动到指定位置
Div滚动条随鼠标滚动Jquery版(转)Div滚动条随鼠标滚动Jquery版(转)
DIV滚动悬浮层,页面滚动条滚动,悬浮层保持位置不变!
Div滚动条随鼠标滚动js版(由网友JQuery版改写而成),可解决IE8下,Div由于“onSelectStart=return false“或onfocus()导致的失去焦点后,滚动条无法滚动问题
sly jquery定制div滚动条Scrollbar 兼容IE6 FireFox Safari
一款简单实用的jQuery+mousescroll.js自定义美化div滚动条插件,把普通的网页滚动条进行美化,同一页面也可以多次调用。
有个需求,要在显示聊天框时,固定框的大小为300px高度,宽度50px左右,然后当聊天内容超出宽度或者高度时...实现div滚动条默认最底部以及默认最右边</title> [removed][removed] <script type="text/javascr
国外的一个图层滚动条特效,可以自己更改样式,图片背景
js DIV滚动条随机位置的设置技巧.docx
DIV滚动条就是利用DIV标签,在里面嵌入CSS样式表,当div所定义的区域的内容达到一定程度时,在div标签里面嵌入CSS样式表,定义overflow的属性值,设置DIV滚动条相关的属性。 这里向大家描述一下DIV滚动条属性及样式...
网页局部div随滚动条置顶滚动 效果很好,跟普通的滚动不太一样,没有延迟。