div拥有无限滚动

时间:2014-11-16 15:44:36

标签: jquery html css scroll infinity

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

我有divs

<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/

1 个答案:

答案 0 :(得分:0)

我不确定这是不是你想要的,只是做了这个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的无限副本/克隆。