#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 при каждой прокрутке вниз, честно говоря, не думаю, что для этого вам нужна зависимость.