html
<div id="list">
<li v-for="(item,key) in detailInfo">
<span style="width:42%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" >{{item.bmname}}</span>
<span style="width:29%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" >{{item.shouldCount}}</span>
<span style="width:29%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;" class="yellow_col">{{item.alreadyCount}}</span>
</li>
</div>
js
var marginTop=0;
var scroll = true;
setInterval(function(){
if(scroll){
$('#list li:first').animate(
{marginTop:marginTop--},0,function(){
var $f = $(this)
if(-marginTop==$f.height()+1){
$(this).remove();
$f.css('margin-top','0px');
marginTop=0;
$('#list').append($f);
}
}
)
}
},100);
$(function(){
$("li").hover(function(){
scroll=false;
},function(){
scroll=true;
}
)
})