Why doesn"t scrollTop work
<div class="box">
<ul class="ul1" style="position: relative;top: 0;">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
</div>*{margin:0;padding:0;}
li{list-style: none;}
.box{width: 200px;height:30px;margin: 100px auto;background-color: -sharpccc;text-align: center;
overflow: hidden;}
.box li{line-height: 30px;}<script>
//1
$(function () {
var num = 0;
setInterval(function(){
num-=30;
$(".ul1").animate({"scrollTop":num},50)
},1000);
})
</script>