js无缝滚动 无法滚动
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>滚动</title>
<style type="text/css">
li{
list-style: none ;
}
#wrap{
border-radius: 10px;
border:5px solid #adacae;
margin: 0 auto;
width: 500px;
height:300px;
}
#wrap h3{
position: relative;
letter-spacing: 2px;
border-radius: 5px;
margin: 0;
padding-left: 20px;
background: linear-gradient(to top,#b42e4e,#e1486d);
line-height: 80px;
color: #fff;
}
#wrap h3 span{
line-height: 14px;
display: inline-block;
font-size: 14px;
position: absolute;
bottom: 10px;
right: 10px;
}
#wrap{
overflow: hidden;
}
.wrap_wrapper ul{
margin:0;
padding: 20px;
}
.wrap_wrapper li{
padding: 6px 0;
position: relative;
}
.wrap_wrapper li a{
letter-spacing: 2px;
text-decoration: none;
color: #000;
font-size: 14px;
}
.wrap_wrapper span{
position: absolute;
right: 10px;
font-size: 12px;
}
</style>
</head>
<body>
<div id="wrap">
<h3>慕课网新课程 <span>更多>></span></h3>
<div id="wrapper">
<ul id="con1">
<li><a href="">1.慕课网学会html5绝对定位</a><span>2013-01-01</span></li>
<li><a href="">2.table页面切换效果</a><span>2014-12-01</span></li>
<li><a href="">3.水晶按钮制作</a><span>2015-11-02</span></li>
<li><a href="">4.html+css基础讲解</a><span>2017-01-02</span></li>
<li><a href="">5.会移动的小鱼html5</a><span>2016-02-11</span></li>
<li><a href="">6.我是新手</a><span>2015-03-13</span></li>
<li><a href="">7.导航条制作</a><span>2016-12-16</span></li>
<li><a href="">8.我在学习</a><span>2017-06-11</span></li>
<li><a href="">9.页面分页</a><span>2017-07-11</span></li>
</ul>
<ul id="con2">
</ul>
</div>
</div>
<script type="text/javascript">
var area = document.getElementById('wrapper');
area.scrollTop = 10;
var time = 50;
setInterval('area.scrollTop++',time);
</script>
</body>
</html>
按步骤来的 第一步都动不了哪位大神可以解答一下？(浏览器是chrome)
