Jquery 在div中不断向上滚动文本

Jquery 在div中不断向上滚动文本,jquery,Jquery,我需要一个非常简单的jQuery来不断地向上滚动文本项列表,而无需使用插件。我知道这可能相当简单,但我找不到一个可以使用的例子,而且我在工作中已经花了太多时间 无需通过鼠标悬停或单击按钮来更改任何参数,所以一切都可以在document.ready中运行,并且不再触碰。我唯一的要求是,理想情况下,它应该不断循环。基本代码可以工作,但在底部停止: setInterval(function() { var $c = $('#container'); $c.scrollTop($

我需要一个非常简单的jQuery来不断地向上滚动文本项列表,而无需使用插件。我知道这可能相当简单,但我找不到一个可以使用的例子,而且我在工作中已经花了太多时间


无需通过鼠标悬停或单击按钮来更改任何参数,所以一切都可以在document.ready中运行,并且不再触碰。我唯一的要求是,理想情况下,它应该不断循环。

基本代码可以工作,但在底部停止:

setInterval(function() {
    var $c = $('#container');
        $c.scrollTop($c.scrollTop() + 1)
}, 100);​

我不知道你所说的“不断循环”是什么意思。简而言之:

function cycle($item, $cycler){
    setTimeout(cycle, 2000, $item.next(), $cycler);

    $item.slideUp(1000,function(){
        $item.appendTo($cycler).show();        
    });

}

cycle($('#cycler div:first'),  $('#cycler'));

#cycler
是包含要循环的
div
s的容器

刚刚为此编写了一个jquery插件

$('.scrolling-div').rollup({speed:2000});

我在这里找到了一个例子:它在我使用的CMS中运行良好。它使用底部的几个链接和鼠标悬停事件来调用函数来设置文本动画。这似乎工作得很好,但当我试图转移到document.ready时,我无法让它再次工作。这太棒了。谢谢