让页面中一个层的高度随页面的高度大小变化

是说的是不是叫层随着页面滚轮的滑动而滑动啊？？
如果是，请看下面代码：
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function move()
{
document.getElementById("Layer1").style.pixelTop = document.body.scrollTop;
}
</script>
<style type="text/css">

</style>
</head><body onscroll="move()">
<div id="Layer1">
  <form name="form1" method="post" action="">
    <label>
    <input type="text" name="textfield">
    </label>
  </form>
</div>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>

解决方案 »

免费领取超大流量手机卡，每月29元包185G流量+100分钟通话, 中国电信官方发货

<html>
<head>
<script type="text/javascript">
function aa()
{
document.getElementById('curtain').style.height=document.body.scrollHeight;
document.getElementById('curtain').style.width=document.body.scrollWidth;
}
</script>
</head>
<body  onscroll="aa()" onResize="aa()">
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<input type="button" value="test">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<input type="button" value="test");">aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
<div id="curtain" style="position:absolute;top:0px;left:0px;width:100%;height:100%;bottom:0;z-index:0;-moz-opacity:0.5;background:gray;filter:alpha(opacity=50);"></div>
</body>
</html>