Javascript 在浏览器中向下滚动时加载网站数据

我的问题是，我有一个网站的结构

    <div class="span">.......</div>
    <div class="span">.......</div>
    <div class="span">.......</div>
    <div class="span">.......</div>
    <div class="span">.......</div>

。。。。。。。
.......
.......
.......
.......

这些是100+加载的表单数据库，工作正常。我只希望最初它只显示5个 然后当用户向下滚动时，他们会显示更多。

---

谢谢

您可以参考此链接：

还有一个例子。

 <script>
$(document).ready(function () {
  size_li = $(".listingcall .span6").size();
  size_li = $(".listingcall .span6").size();
  x=3;
  $('.listingcall .span6:lt('+x+')').show();
  $(window).scroll(function() {
if($(window).scrollTop() == $(document).height() - $(window).height()) {
x= (x+5 <= size_li) ? x+5 : size_li;
$('.listingcall .span6:lt('+x+')').show();
      }    
 });
});
</script>

$（文档）.ready（函数（）{
size_li=$（“.listingcall.span6”）.size（）；
size_li=$（“.listingcall.span6”）.size（）；
x=3；
$（'.listingcall.span6:lt（'+x+'））.show（）；
$（窗口）。滚动（函数（）{
if（$（窗口）.scrollTop（）==$（文档）.height（）-$（窗口）.height（））{
x=（x+5通常称为无限滚动）您尝试过什么吗？您能告诉我们您尝试了什么吗？我已经发布了完整的代码在您的情况下，您需要在您的滚动上放置一个事件，因此在您的div的80%左右，加载更多例如。