使用 div 无限滚动答案

【问题标题】：Infinite scrolling with div own使用 div 无限滚动
【发布时间】：2015-01-13 13:00:53
【问题描述】：

首先感谢您的帮助，我遇到了一个无法解决的问题。我有这个无限的脚本，但是我希望它使用典型的#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/

【问题讨论】：

标签： jquery html css scroll infinity

【解决方案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 的无限副本/克隆。

【讨论】：