Javascript 如何在页面上只显示特定数量的div，并在用户滚动到底部时加载更多div？

共有6个div具有相同的类。我如何使页面上只显示前3个div，当用户滚动到页面底部时，显示其他3个div

此外，可能并不总是只有6个div。假设有12个div，当用户滚动到页面底部时，代码仍然需要显示前3个div，并继续显示另外3个div

<div class="post">
Lorem
</div>

<div class="post">
Lorem ipsum
</div>

<div class="post">
Lorem ipsum ....
</div>

<div class="post">
Lorem...
</div>

<div class="post">
Loremsdfdsf
</div>

<div class="post">
Lorem.......
</div>

洛勒姆
乱数假文
乱数假文。。。。
洛勒姆。。。
Loremsdfdsf
洛雷姆。。。。。。。

---

我只找到了这个，但它要求在页面底部包含一个链接，指向用户滚动到末尾时要显示的文件。

您还可以使用jQuery的方便方法scrollTop（）并使用scroll（）捕获滚动事件。您只需检查滚动是否足够远，如果是，则加载新内容。

您签出了吗？尝试使用iScroll.js。这将对您有所帮助。@PraveenKumar感谢您提供了指向该内容的链接，但它所做的一切都概述了使用无限滚动滚动的利弊，但这意味着当用户滚动到某个特定位置时，将显示一个特定的div这一页的要点。页面上有多个具有相同类名的div-3必须显示在页面上，当用户滚动到页面底部时，会再加载3个div，并且这种情况会一直发生，直到显示所有div为止。只需使用$（window）.scrollTop（）和$（document）.height（）检查scroll事件捕获回调，是否已到达文档末尾-如果是-如果还有任何要加载的div，则加载3个div。