Javascript 在已填充的div上无限滚动

我有一个包含大数据的div（许多子div），我想在这个div上实现一个无限滚动，我尝试了一些在internet上可用的jquery脚本，例如：

我可以在谷歌上找到更多

大多数脚本都使用ajax调用来获取数据（但我已经有了数据）

我能够使用下一个和上一个功能实现自定义分页 如本例中所用

但我想实现一个无限卷轴

下面是div示例

<div class="InfiniteScroll">
  <div class="line-content">1 I have some content</div>  
  <div class="line-content">2 I have some content</div>
  <div class="line-content">3 I have some content</div>
  <div class="line-content">4 I have some content</div>
  <div class="line-content">5 I have some content</div>
  <div class="line-content">6 I have some content</div>
  <div class="line-content">7 I have some content</div>
  <div class="line-content">8 I have some content</div>
  <div class="line-content">9 I have some content</div>
  <div class="line-content">10 I have some content</div>
  <div class="line-content">11 I have some content</div>
  ..
  ..
  ..
  ..
  ..
  ..
  ..
  <div>AND MANY MORE</div> 
</div>

我有一些内容
我有一些内容
我有一些内容
我有一些内容
我有一些内容
我有一些内容
我有一些内容
我有一些内容
我有一些内容
我有一些内容
我有一些内容
..
..
..
..
..
..
..
还有更多

测试用小提琴：

身体{
保证金：0；
字体系列：“解放无”，Arial，无衬线；
}
h1{
文本对齐：居中；
}
#职位{
保证金：0自动；
填充：0；
宽度：700px；
列表样式类型：无；
}
第h1条{
文本对齐：左对齐；
边框底部：1px点#e3；
}
第p条{
文本对齐：对齐；
线高：1.5；
字体大小：1.1米；
}
#装载{
显示：无；
文本对齐：居中；
}
$（文档）.ready（函数（）{
var win=$（窗口）；
//每次用户滚动时
win.scroll（函数（）{
//到达文档的结尾？
if（$（document.height（）-win.height（）==win.scrollTop（））{
$（“#加载”）.show（）；
//取消对这个AJAX调用的注释以测试它
/*
$.ajax({
url:'get post.php'，
数据类型：“html”，
成功：函数（html）{
$（'#posts'）.append（html）；
$（“#加载”）.hide（）；
}
});
*/
$（'#posts'）。追加（randomPost（））；
$（“#加载”）.hide（）；
}
});
});
//生成随机帖子
函数randomPost（）{
//将出现在文章中的段落
变量段落=[
“
”；
//把段落混在一起
对于（var i=段落长度-1；！！i；--i）{
var j=Math.floor（Math.random（）*i）；
var p=第[i]段；
第[i]款=第[j]款；
第[j]=p段；
}
//生成帖子
var post='
'；
职位+=”；
post+=‘数据’；
post+=段落连接（“”）；
职位+=”；
post+='
'；
回程站；
}
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容
1我有一些内容

已使用的窗口滚动和窗口高度偏移对我有效

---

为什么不能使用.InfiniteScroll{overflow-y:scroll；}我也试过了，添加了fiddle好的，即使没有数据，你也要求滚动？不，在所有数据可用且滚动期间没有提取后滚动好的：）将尝试。

var $doc=$(document);
var $win=$(window);
var itemstoshow=5;

$('.infinite').filter(function(index){
    return (($(this).offset().top) > $win.height());
}).hide();

$(window).scroll(function(){ 
    if ($doc.height()-$win.height()-$(this).scrollTop() == 0) {
        $('.infinite:hidden:lt('+itemstoshow+')').show();
    }
});