如何向div添加滚动条
1、(高度和宽度根据需要设定)
注意:如果只写高度,只有垂直滚动条,只写宽度,只有水平滚动条,所以什么都不写没有效果。同样在这里,overflow设置为auto,也就是说如果你的页面高度大于300px,就会有滚动条;如果小于300像素,就不会有滚动条。同样,如果宽度大于100px,则出现滚动条;如果宽度小于100像素,则没有滚动条。
2.也可以设置溢出滚动,即:/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这样就不会显示滚动条,不能滚动