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

【问题标题】：Load website data on scrolling Down in browser在浏览器中向下滚动时加载网站数据
【发布时间】：2017-07-12 18:11:01
【问题描述】：

我的问题是我的网站结构为

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

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

【问题讨论】：

通常称为无限滚动
你有没有尝试过？你能告诉我们你尝试了什么吗？
我已经发布了我的完整代码

标签： javascript jquery html css jquery-ui

【解决方案1】：

你可以参考这个链接：

jQuery load first 3 elements, click "load more" to display next 5 elements

还有一个例子。

【讨论】：

在你的情况下，你需要在你的滚动上放置一个事件，所以在你的 div 的 80% 处，例如加载更多。

【解决方案2】：

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

【讨论】：