给指定的div增加滚动条

这次的需求是给一个指定的div(里面有个table表格)增加上下、左右的滚动条
通过查找资料后找到了一个可用的方法,代码如下:
<!--div比table大小要小才会显示-->
<div style="overflow-x: auto; overflow-y: auto; height: 100px; width:200px;">
  <table id="table" border="1" align="center" width="300px" height="200px">
   <tbody>
    <tr><td>00</td><td>01</td><td>02</td><td>03</td><td>04</td><td>05</td></tr>
    <tr><td>10</td><td>11</td><td>12</td><td>13</td><td>15</td><td>15</td></tr>
    <tr><td>20</td><td>21</td><td>22</td><td>23</td><td>24</td><td>25</td></tr>
    <tr><td>30</td><td>31</td><td>32</td><td>33</td><td>34</td><td>35</td></tr>
   </tbody>
  </table>
</div>
时间: 2024-11-08 05:52:54

给指定的div增加滚动条的相关文章

如何通过JQuery将DIV的滚动条滚动到指定的位置

这里有一个方法可以将DIV的滚动条滚动到其子元素所在的位置,方便自动定位. var container = $('div'), scrollTo = $('#row_8'); container.scrollTop( scrollTo.offset().top - container.offset().top + container.scrollTop() ); // Or you can animate the scrolling: container.animate({ scrollTop:

转: div:给div加滚动条 div的滚动条设置

div 的滚动条问题: 两种方法: 一. <div style=" overflow:scroll; width:400px; height:400px;”></div> 记住宽和高一定要设置噢,否则不成的 不过在不超出时,会有下面的滚动条,所以不是最好的选择 二. <div style=" overflow-y:auto; overflow-x:auto; width:400px; height:400px;”></div> 记住宽和高

jQuery 的 Div 标签滚动条属性及判断垂直滚动条是否到达底部

转自:http://blog.163.com/[email protected]/blog/static/1284651702010894509982/ 关于 jQuery 的 Div 标签的滚动条的概念,没有几个人能够完全.正确搞明白的. 我知道很多人不同意我的观点.但是如果去百度上搜素,与 jQuery 滚动条有关的信息,都是关于滚动条外观和滚动条插件的.我最近在制作一个滚动条相关的页面效果,去 CSDN 论坛里提问,得到了一段代码,还是错误的. jQuery 里和滚动条有关的概念很多,但是

对于指定区块div,如何区分区块内的点击 和 区块外的点击?

需求:对于区块div内点击事件, 需要展示区块内的附属操作区块,对于区块外的点击, 需要将前面说的附属操作区块隐藏掉. 分析:对于一般的HTML控件,有标准的js事件接口, focus和blur,来实现类似效果, 在focus中添加显示附属控件操作, 在blur中隐藏掉.例如 文本输入框, 和 image 类型的input, 但是对于设计出的样式不能通过这类控件来表达时候,就需要使用div框来设计布局,虽然HTML控件具有更好的accessibility.   技术思路:事件event在DOM树

div显示滚动条

div显示上下左右滚动条 <div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> 这里是你要显示的内容 </div> div显示上下滚动条的css代码 <div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;"> 这里是你要显示的内容 </d

设置DIV随滚动条滚动而滚动

有段时间没有碰Web端了,最近做了个功能,需要做个DIV随滚动条滚动而滚动,mark一下: 源码: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml&quo

div 显示滚动条的CSS代码

div显示上下左右滚动条 <div style="width:260px;height:120px; overflow:scroll; border:1px solid;"> 这里是你要显示的内容 </div> div显示上下滚动条的css代码 <div style="width:260px;height:120px; overflow-y:scroll; border:1px solid;"> 这里是你要显示的内容 </d

picturebox增加滚动条

在一个项目中需要给picturebox增加滚动条,我先前的做法和网上一样,将picturebox放在一个panel上,将panel的AutoScroll设置为ture,将picturebox的SizeMode设置为AutoSize,可是这样设置之后,滚动条没有如期的出现. Google一下,网上大多给出了上述的方法,看来只能靠自己了.picturebox总共也就那么几个属性与大小有关,挨个弄了弄,问题解决了. 综上:给picturebox添加滚动条的方法是:1.将picturebox放在pane

div 加滚动条

div 加滚动条的方法: <div style="position:absolute; height:400px; overflow:auto"></div>div 设置滚动条显示:overflow :yesdiv 设置滚动条自适应显示:overflow :autodiv 设置上下滚动条显示:overflow-y :yesdiv 设置上下滚动条自适应显示:overflow-y :auto如果该div被包含在其他对象例如td中,则位置可设为相对:position: