Jquery, Django, Infinite Scroll загружают остальные элементы после загрузки страницы

Question

Мне удалось реализовать бесконечную прокрутку на домашней странице моего сайта 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?

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

Answer 1

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

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