Бесконечная прокрутка внутри div с датой загрузки AJAX (jQuery)

Я пытался понять это по нескольким вопросам здесь, SO, выясняя разные части, а затем собираю их, но теперь я отказываюсь.

То, что я пытаюсь сделать:

Пользователь находится на странице, нажимает кнопку и список содержимого загружается в div, используя jQuerys.ajax. Когда он или она прокручивается до нижней части div, загрузите больше контента. Как видно на Twitter, но это внутри div.

Я видел примеры того, как иметь бесконечную загрузку в прокрутке, но проблема в том, что эти примеры перезагружают всю страницу (кажется)

Кто-нибудь понял, как я могу это сделать?

Как сказано, я не могу выполнить это, используя обычные средства.

Страница создается следующим образом:

Страница 1, имеет div, пустой, пока пользователь не нажмет кнопку.

Page 2 загружает много контента. Когда пользователь нажимает кнопку на странице 1, она загружается в div.

Когда пользователь прокручивает div (он имеет переполнение, установленное в auto) и заканчивается в нижней части div, он должен загрузить следующую страницу или так сказать.

Спасибо заранее!:)

Ответы

$('.mydiv').infinitescroll({
     binder: $(".name-of-div")