大家帮我看一下 为什么滚动不了
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>停留滚动</title>
<style type="text/css">
* {
margin: 0px;
padding: 0px; /* 去掉所有标签的marign和padding的值 */
}
ul li{list-style: none;margin:10px;height: 24px;}
a{text-decoration: none;}
#moocBox {
height: 144px;
width: 400px;
margin-left: 25px;
margin-top: 10px;
overflow: hidden; /* 这个一定要加，超出的内容部分要隐藏，免得撑高中间部分 */
}
</style>
<meta name="description" content="">
<meta name="keywords" content="">
<link href="" rel="stylesheet">
</head>
<body>
<div id="mooc">
<!-- 头部 -->
<h3 id="moocTitle">最新课程<a href="#" target="_self">更多>></a> </h3>
<!-- 头部结束 -->
<!-- 中间 -->
<div id="moocBox">
<ul id="con1">
<li><a href="#">1.学会html5 绝对的屌丝逆袭（案例）</a><span>2013-09-18</span></li>
<li><a href="#">2.tab页面切换效果（案例）</a><span>2013-10-09</span></li>
<li><a href="#">3.圆角水晶按钮制作（案例）</a><span>2013-10-21</span></li>
<li><a href="#">4.HTML+CSS基础课程(系列)</a><span>2013-11-01</span></li>
<li><a href="#">5.分页页码制作（案例）</a><span>2013-11-06</span></li>
<li><a href="#">6.导航条菜单的制作（案例）</a><span>2013-11-08</span></li>
<li><a href="#">7.信息列表制作(案例)</a><span>2013-11-15</span></li>
<li><a href="#">8.下拉菜单制作(案例)</a><span>2013-11-22</span></li>
<li><a href="#">9.如何实现“新手引导”效果</a><span>2013-12-06</span></li>
</ul>
</div>
<!-- 中间结束 -->
<script type="text/javascript">
var area=document.getElementById('moocBox');
area.innerHTML+=area.innerHTML;
area.scrollTop=0;
var aheight=24;
var speed=50;
var delay=2000;
var time=null;
function startmove(){
area.scrollTop++;
time=setInterval("scrollup()",speed);
}
function scrollup(){
if(area.scrollTop % aheight ==0){
clearInterval(time);
setTimeout("starmove()",delay);
}else{
area.scrollTop++;
if(area.scrollTop>=area.scrollHeight/2){
area.scrollTop=0;
}
}
}
setTimeout("starmove()",delay);
</script>
</div>
</body>
</html>
