Jquery, Django, бесконечная прокрутка загружает остальные элементы после загрузки страницы

#javascript #jquery #django #infinite-scroll

#javascript #jquery #django #бесконечная прокрутка

Вопрос:

Я смог реализовать бесконечную прокрутку на домашней странице моего веб-сайта Django, следуя этому руководству: https://simpleisbetterthancomplex.com/tutorial/2017/03/13/how-to-create-infinite-scroll-with-django.html

В основном код Jquery, который запускает бесконечную прокрутку, таков (плюс немного кода django):

 <script>
  var infinite = new Waypoint.Infinite({
  element: $('.infinite-container')[0]
  });
</script>
  

Это хорошо, потому что я загружаю страницу довольно быстро, и пользователь затем может бесконечно прокручивать по мере загрузки других элементов.
Чего я хочу добиться сейчас, так это загрузить страницу так, как я делаю сейчас, и сразу после, без необходимости прокрутки вниз, я хочу загрузить остальные элементы.
Таким образом, в основном загружается страница с первыми несколькими элементами, а затем загружаются все остальные элементы без необходимости прокрутки.
Обратите внимание, что я использовал реализацию вышеупомянутого руководства, поскольку это удобный способ использовать все возможности Django (особенно связанные с внешними ключами), поэтому я пытаюсь придерживаться этого подхода.

Есть ли способ сделать это, изменив только то, что Jquery запускается?

Спасибо, Витторио

Ответ №1:

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

$('html, body').scrollTop($(document).height());

Комментарии:

1. Спасибо за ваш ответ, но я хочу, чтобы он «молча» загружал эти элементы. Таким образом, в основном, пока пользователь видит начальную страницу, нижние элементы должны загружаться автоматически.

2. я не вижу способа вызвать событие загрузки в ваших документах по интерфейсной библиотеке; возможно, попробуйте спросить в их выпусках github, как это сделать. Или просто реализуйте это с помощью jquery, все, что вам нужно сделать, это запускать ajax при каждой прокрутке вниз, честно говоря, не думаю, что для этого вам нужна зависимость.