Подтвердить что ты не робот

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

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

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

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

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

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

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

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

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

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

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

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

4b9b3361

Ответ 1

Есть несколько плагинов, которые делают это для вас достаточно хорошо.

http://www.webdeveloperjuice.com/2010/02/24/create-infinte-scroll-effect-using-jquery-with-demo/

http://www.beyondcoding.com/2009/01/15/release-jquery-plugin-endless-scroll/

EDIT: еще несколько современных плагинов:

https://github.com/fredwu/jquery-endless-scroll

http://www.infinite-scroll.com/infinite-scroll-jquery-plugin/

Ответ 2

Используйте метод JQuery.load(), чтобы захватить некоторое содержимое html, а затем вставьте его в элемент html.

Ответ 4

Если вы используете Paul Irish Infinite Scroll, вы можете просто указать связующее как один из аргументов, в котором вы внедрили бесконечный прокрутки, например:

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

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