當用戶滾動到底部時，如何僅在頁面上顯示特定數量的div並加載更多？

Question

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

我只能設法找到此http://jscroll.com/，但它要求您在頁面底部包含一個href鏈接，該鏈接指向您希望在用戶滾動到末尾時顯示的文件。

Answer 1

您還可以使用jQuery的便捷方法scrollTop（）並使用scroll（）捕獲滾動事件。 您只需檢查滾動是否足夠遠，如果可以，請加載新內容。