Бесконечная прокрутка (скроллинг)

[DLE рулит 1]

Бодрый день.

Подскажите, пожалуйста, как сделать бесконечный скроллинг в полной новости?

Пример

 

Тут

обсуждали, как реализовать такой скроллинг на главной и в категориях.

А как это сделать для fullstory?

[alexpsp 19]

4 часа назад, DLE рулит сказал:

Бодрый день.

Подскажите, пожалуйста, как сделать бесконечный скроллинг в полной новости?

Пример

 

Тут

обсуждали, как реализовать такой скроллинг на главной и в категориях.

А как это сделать для fullstory?

Поддерживаю, тоже интересно. Может даже кто платно реализует?

 

[alex32 805]

Там же ответили

Все зависит от ваших шаблонов 

[DLE рулит 1]

16 минут назад, alex32 сказал:

Все зависит от ваших шаблонов 

Ну я крутел-вертел и так и этак, не хотят подгружаться новости в фулстори. 

Нашел сайт на dle, на котором реализован такой скролл

https://fastmb.ru

Нашел кусок кода и js, с помощью которого подключается "бесконечная" загрузка

<script type="text/javascript">var related_posts = ['https://fastmb.ru/engine/print.php?newsid=2971','https://fastmb.ru/engine/print.php?newsid=1984','https://fastmb.ru/engine/print.php?newsid=956','https://fastmb.ru/engine/print.php?newsid=1086','https://fastmb.ru/engine/print.php?newsid=4118','https://fastmb.ru/engine/print.php?newsid=903'];

var related_postscount = '6';</script>

<script src="/templates/Fastmbcar/js/related_live.js"></script>

<div class="same_news" id="live-related"></div>

На этом мои познания закончились))

[alex32 805]

 Я не пойму, ты хочешь в полную новость подгружать другие полные новости?

[DLE рулит 1]

Только что, alex32 сказал:

 Я не пойму, ты хочешь в полную новость подгружать другие полные новости?

Так точно.

[alex32 805]

Тогда проще установить этот скрипт (25кБ), подключить его в шаблон, дальше в шаблоне полной новости задать ссылку на следующую новость 

	[next-url]<a href="{next-url}" class="pagination__next">Следующая публикация</a>[/next-url]

с классом pagination__next и  инициализировать  скрипт 

$('Контейнер с новостями').infiniteScroll({
  path: '.pagination__next',
   append: 'контейнер с одной новостью'
});

https://infinite-scroll.com/ тут документация, в том числе что выводить если ссылки больше нет (кончились новости) ну и все остальные доки.  Курите их и пребудет вам щастье.

Edited September 27, 2019 by alex32