js的运动框架为什么不行

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="style/main.css">
</head>
<body>


<div id="box"></div>



<br>
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
<br>    


<div id="box"></div>


</body>
</html>
<script src="js/jquery-1.11.2.js"></script>
<script src="js/demo.js"></script>

css*{margin: 0;padding: 0;}
#box{width: 100px;height: 100px;background: red;position: absolute;right: 0;bottom: 0;}

window.onscroll=function  () {
    var box=document.getElementById('box');
    var scrollTop=document.documentElement.scrollTop||document.body.scrollTop;
    box.style.top=document.documentElement.clientHeight-box.offsetHeight+scrollTop+"px";
}

<div id='box'></div>在body里面
为什么不会动而出错了。

http://www.zhangxinxu.com/wordpress/?p=4772

请先注意提问的格式。

script放在body里试试？

【热门文章】