Как реализовать бесконечный скролл html блоков?

Question

[Sikorsky228]

Нужно реализовать бесконечный скролл html блоков, без php. Перечитал кучу примеров с php, но тут нужно просто подгружать статический контент.

Пример разметки:

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

В начале загружается только первый post, и при скролле страницы, с небольшой задержкой, нужно подгружать следующий div post.

Answer 1

[Михаил Чирский]

Без server еще легче, есть 2 решения, грузить их через load из шаблона по 1, либо сразу всю статику хранить, и по клику, или скролу или любому другому событию показывать следующий, пока не кончатся остальные.

Вот пример у Вадима pepelsbey.net
Внизу где комментарии есть кнопка Ёще, там на клик подвязка, вы подвязываете на скрол, суть не меняется

Comments

[Sikorsky228]

Блин, стоило бы сразу у него посмотреть)

Answer 2

[lega]

jsfiddle.net/lega911/bsopq4be
вместо картинки можно подставить :html.url="ссылка" будет грузить html с сервера