@pilolin
HTML программист

Как сделать бесконечный скрол новостей?

Сталкивался кто-нибудь с библиотекой для создания подобного эффекта.
Поясню словами еще если лень бегать по ссылкам. При скроле новости она улетает наверх, а под ней уже есть другая. При этом адрес меняется при полном исчезновении текущей новости. Много где видел подобное и не хочется лепить свой велосипед из говна и палок если есть что-то готовое и рабочее.
  • Вопрос задан
  • 657 просмотров
Пригласить эксперта
Ответы на вопрос 4
Anubis
@Anubis
Люблю корейскую кухню и веб-разработку
Адрес меняется - html5 history api или window.onhashchange.

Бесконечная прокрутка - примерный принцип такой: слушать событие прокрутки, при скором приближении конца страницы делать очередной ajax-запрос следующей пачки новостей, запомнить id самой последней в списке, отрисовать внизу полученные новости. При следующем приближении к концу прокручиваемой страницы повторить с отправкой запомненного id и сохранить свежеполученный. Повторять пока юзер не просмотрит всю базу чего бы это ему не стоило.
Ответ написан
Если брать именно риа, то у них вот так:
Вот у них в хеадере:
var endlessScrollUrl = '/services/article/infinity/'; 
var endlessScrollQueue = [1553164000,1553132791,1553151765,1553155173,1552549127,1553153627,1553149279,1553139756,1553161978,1553160682,1553158086,1553142133,1553158279,1553136205,1553162392]; 
var endlessScrollLimit = [1552549127];

Вот скрипт в футере: https://cdn22.img.ria.ru/min/js/pages/article.js

Вот урл следующей новости: https://ria.ru/services/article/infinity/155316400...

Думаю дальше можно покопаться и сделать что-то похожее. Но у них много лишнего кода, подгрузку можно и по-проще сделать
Ответ написан
irishmann
@irishmann
Научись пользоваться дебаггером
С библиотеками не сталкивался, вот ссылка как сделать на JQuery
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Admitad Projects Москва
от 130 000 до 200 000 ₽
Fundraise Up Санкт-Петербург
от 2 500 до 3 500 $