проблема с прокруткой списка - PullRequest
Новая
       2

проблема с прокруткой списка

0 голосов
/ 30 марта 2011

У меня есть элемент списка, который прокручивается вверх и добавляет первый элемент списка внизу каждые 5 секунд, но моя проблема в том, что я хотел бы прокрутить весь список для лучшей синхронизации. Демо кода здесь здесь . Если вы внимательно посмотрите, прокрутите вверх только 2-й, 3-й и 4-й элемент ... Что я могу сделать, чтобы улучшить это, пожалуйста?

1 Ответ

0 голосов
/ 30 марта 2011

Что происходит при «прокрутке 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();

Таким образом, у вас есть плавная прокрутка, несмотря ни на что - потому что это фактически прокрутка.;)

...