滚动列表问题

Question

我有一个列表项向上滚动并将列表中的第一项追加到底部每5秒但我的问题是，我希望整个列表滚动以获得更好的syn。代码的演示是here。如果仔细观察，只有第2，第3和第4项向上滚动...我该怎么做才能改善这一点？

Answer 1

“第2，第3和第4项向上滚动”会发生什么？

无论如何，这是我认为更好的版本：

function test() {
var a= $("ul li:first-child");
    a.slideUp("slow", function(){
        a.appendTo("ul").slideDown();
    });
};
window.setInterval(test, 1000);

修改

function test() {
var a= $("ul li:first-child");
    a.slideUp("slow", function(){
        $(this).remove();
    });
    var b = a.clone();
    b.appendTo("ul").hide().slideDown();
};
window.setInterval(test, 1000);

示例：http://jsfiddle.net/2DNV3/20/

编辑2：

示例：http://jsfiddle.net/qsem9/

var scroll = function(){
    var first  = $("#scroll > li:eq(0)");
    var last = first.clone().appendTo("#scroll");

    $("#scroll").animate({ "scrollTop": first.outerHeight()  }, 500, function(){
        first.remove();
    });

    window.setTimeout(scroll, 1000);
};

$("#scroll").css({ height: $("#scroll").outerHeight() });

scroll();

这样，无论如何都可以进行无缝滚动 - 因为它实际上是 滚动。 ;）