Как загружать статьи по мере прокрутки?

Question

[pavuuuk]

Я захотел сделать небольшой блог для тренировки. Там будет много статей, которые должны загружаться по мере прокрутки. Так вот, я только недавно начал учить node.js и не совсем понимаю, как это реализовать. Можете вкратце описать механизм: что должен делать код на стороне клиента и на стороне сервера? И ещё, я хочу использовать mongoDB для хранения и добавления статей.

Comments

[Rustam Bainazarov]

Данный скрипт вам поможет:
https://infinite-scroll.com/

Скрипт будет определять конец прокрутки и инициировать AJAX-запрос для получения новой порции данные для вывода от backend'a.

[WapSter]

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

Answer 1

[hzzzzl]

сохраняешь в браузере количество элементов на странице, например articlesLoaded = 10

когда доскролливаешь до последнего загруженного элемента на странице, то браузер делает запрос на сервер, получает ответ и дорисовывает новые элементы, заодно сохраняет новое количество элементов на странице, например articlesLoaded = articlesLoaded + 10

fetch('/api/getmore?skip=' + articlesLoaded).then(.....)

на стороне сервера/mongo делаешь подобный запрос

const newArticles = await Article.find({}).limit(10).skip(req.query.articlesLoaded)

https://beginnersbook.com/2017/09/mongodb-limit-an...