document.body.scrollTop为什么总为0?
实现一个div随滚动条往下拉,但是该div总保持在窗口顶端代码如下:
<script language="javascript" type="text/javascript">
<!--
window.onscroll=function(){
var oWatermark =document.getElementById("divWatermark");
oWatermark.style.top=document.body.scrollTop;//每次把scrollTop赋值给div的top
}
-->
</script>
</head>
<body>
<p>Try scrolling this windows.</p>
<div id="divWatermark" style="position:absolute;top:0px;right:100px;color:red;width:150px;height:30px;background-color:navy;">Watermark
</div>
<p>Line 1</p>
<p>Line 2</p>
<p>Line 3</p>
<p>Line 4</p>
<p>Line 5</p>
<p>Line 6</p>
<p>Line 7</p>
<p>Line 8</p>
<p>Line 9</p>
<p>Line 10</p>
<p>Line 11</p>
<p>Line 12</p>
<p>Line 13</p>
<p>Line 14</p>
<p>Line 15</p>
<p>Line 16</p>
<p>Line 16</p>
<p>Line 16</p>
<p>Line 16</p>
<p>Line 16</p>
<p>Line 16</p>
<p>Line 16</p>
</body>
</html>
测试了一下,document.body.scrollTop总为0,所以div不会动,总是在top=0的地方,这是为什么呢?