Question

如何用js根据屏幕高度控制div高度

想让一个div的高度是当前屏幕的50%，用js怎么获取当前屏幕的高度，并让div实现这个50%的效果？
每个屏幕尺寸不同，就想让一个div就在屏幕中间滚动。

Answer 1

javascript screen对象获取屏幕宽高如alert(screen.height)
availHeight 属性 -- 窗口可以使用的屏幕高度，单位像素
availWidth 属性 -- 窗口可以使用的屏幕宽度，单位像素
colorDepth 属性 -- 用户浏览器表示的颜色位数，通常为32位(每像素的位数)
pixelDepth 属性 -- 用户浏览器表示的颜色位数，通常为32位(每像素的位数)（IE不支持)
height 属性 -- 屏幕的高度，单位像素
width 属性 -- 屏幕的宽度，单位像素

div设置定位,宽度高度设为屏幕一般半即可，至于居中的话可以绝对定位

Answer 2

下面设定你想让的div 类名 是center 他的宽度是 300px 高度是 200px
注意
需要引用jquery脚本
center 的样式.center{width:300px;height:200px;position:absolute; z-index:9999;}
那么在js 里面 写入
var aa=document.body.clientHeight; //网页 可见区域的高度
var dd=cc/2; //网页 当前屏幕的50%的高度
var cc=dd-100;//100 是center 高度除以2得来的
var hh=document.body.clientHeight; //网页 可见区域的高度
var gg=cc/2; //网页 当前屏幕的50%的高度
var ff=dd-150;//150 是center 宽度除以2得来的
$(".center").css({'left':ff+'px'});//类名为center 距离左侧距离

Answer 3

感觉不需要js，你说的这个效果css就可以实现吧
让div高度等于屏幕的50%的话，首先给body,html设置高度百分之百，然后给div设置50%的高度就行了，一直在中间滚动的话给div设置固定定位就好了
代码：
html,body{height:100%;}
div{height:50%;position:fixed;top:25%;left:0;}