jquery - 使用 div 自己的无限滚动

Question

首先感谢您的帮助，我有一个我无法解决的问题。我有这个无限的脚本，但是我希望它是无限的，使用典型的#main divs，例如:

我有div

<div class="content">1</div>
<div class="content">2</div>
<div class="content">3</div>
<div class="content">4</div>
<div class="content">5</div>

先升到5，再升到4，再升到3，以此类推，从下往上不断上升，如何实现？

           infinitely rising <----------------------
<div class="content">3</div> the third to go up --| | 
<div class="content">4</div> the second to rise --| | 
<div class="content">5</div> the first to rise  --  |
           ....                                     |
<div class="content">2</div> -----------------------
<div class="content">3</div> after you [...]
<div class="content">4</div> after you
<div class="content">5</div> first climbs you

我的脚本 http://jsfiddle.net/66RvC/70/

Answer 1

我不确定这是否是您想要的，但刚刚制作了这个 Fiddle

function cycle() {
  var dLength = $("div.content").size();
  $(".content").eq(dLength - 1).prependTo($("#main"));
  setTimeout(cycle, 2000);
}

cycle();

基于您想要一组固定的 div 无限上升/改变位置的假设，以及您的 Fiddle 的这种调整- 只改变了这个功能:

var d = function(){
  var dLength = $("div.content").size();
  return $(".content").eq(dLength - (i++)).clone();
};

如果您想添加 div 的无限副本/克隆。