a/20488255/1636522

HTML

<ul>
    <li>A</li>
    <li>B</li>
    <li>C</li>
</ul>

CSS

* {
    padding: 0;
    margin: 0;
}
ul {
    overflow: hidden;
    height: 96px;
}
li {
    display: block;
    position: relative;
    line-height: 30px;
    padding: 0 10px;
    border: 1px solid red;
}

JavaScript

var steps = 1;
$(function tick() {
		var top = '-=' + (steps * 32) + 'px';
    var lis = $('li:lt(' + steps + ')');
		var clones = $(lis).clone();
    clones.appendTo('ul');
    $.when(
        $('li').animate({ top: top }, 1800)
    ).done(function () {
    		clones.remove();
        lis.appendTo('ul');
        $('li').css('top', 'auto');
        setTimeout(tick, 1);
    });
});