如何向div添加滚动条
1、(高度和宽度根据需要设定)注意:如果只写高度，只有垂直滚动条，只写宽度，只有水平滚动条，所以什么都不写没有效果。同样在这里，overflow设置为auto，也就是说如果你的页面高度大于300px，就会有滚动条；如果小于300像素，就不会有滚动条。同样，如果宽度大于100px，则出现滚动条；如果宽度小于100像素，则没有滚动条。
2.也可以设置溢出滚动，即:
无论你的页面高度是大于还是小于300px，滚动条都会出现，宽度是一样的。
3.也可以这样设定。
水平滚动条:
垂直滚动条:
水平加垂直:
扩展数据
p>/p>p设置滚动条显示：
overflow:yesp设置滚动条自适应显示：
overflow:autop设置上下滚动条显示：
overflow-y:yesp设置上下滚动条自适应显示：
overflow-y:auto如果该p被包含在其他对象例如td中，则位置可设为相对：
position:relative
如何通过JQuery将DIV的滚动条滚动到指定的位置？
$("#p_id").animate({scrollTop:100},300);以上代码可以实现，scrollTop表示向下滚到多少距离，300表示滚动动画时间，单位毫秒
Div+Css布局教程？
正好自己以前写过，奉上最简短的代码，效果已亲测，兼容IE7/8以及Chrome等现代浏览器，代码如下：
!doctypehtml>
html>
head>
metacharset="utf-8">
title>p+css上中下布局/title>
style>
html,body{height:100%;*overflow:hidden;/*消除IE7下的横向滚动条*/}
body{margin:0;padding:0;font-size:30px;text-align:center;color:#fff;}
.top,.nav,.foot{width:100%;height:100px;position:absolute;}
.top{background:red;top:0;}
.nav{background:blue;top:100px;bottom:100px;height:auto;}
.foot{background:gray;bottom:0;}
/style>
/head>
body>
p>我是头部/p>
p>这里已经自适应到底部/p>
p>我是底部/p>
/body>
/html>
注：IE6不支持，如想完美解决，请使用js动态获取页面高度，然后赋值给nav那个层。
JS中当弹出一个DIV后，如何禁止滚动和编辑页面？
将弹出层设置为position:absolute;z-index:101再使用一个层p2，width:100%,height:100%.z-index:100,position:absolute;这样p2会覆盖整个页面，页面上的任何元素都不可点击(页面中元素的默认z-index为0，如果有高的z-index需要将p2的z-index设置的更高些)禁止滚动可以给body添加overflow:hidden这样就不会显示滚动条，不能滚动