Как сделать подгрузку контента при скроллинге (lazy load)?

На сайте есть страница с новостями на которой отображаеться 10 новостей:
/news
И соответственно пагинация.
При клике на 2, 3, 4 - загружаеться следующая страничка
/news/2
/news/3
/news/4


Как сделать новостную ленту, чтоб новости со 2, 3, 4 странички подгружались при скроле или нажатии кнопки "Еще новости" (бесконечная прокрутка) ?

Нет возможности использовать PHP. Только JavaScript.
  • Вопрос задан
  • 3652 просмотра
Пригласить эксперта
Ответы на вопрос 3
Deodatuss
@Deodatuss
при событии onscroll определяем какой элемент находится в нижней части document.elementFromPoint() и исходя из элемента (можно хранить в атрибуте data адрес новости) отправляем запрос на сервер и апендим элемент
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы