Перейти к публикации

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


Рекомендованные сообщения

Бодрый день.

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

Пример

 

Тут

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

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

  • Поддерживаю 1
Ссылка на сообщение
Поделиться на других сайтах
4 часа назад, DLE рулит сказал:

Бодрый день.

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

Пример

 

Тут

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

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

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

 

Ссылка на сообщение
Поделиться на других сайтах
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 сказал:

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

Так точно.

Ссылка на сообщение
Поделиться на других сайтах

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

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

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

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

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

Изменено пользователем alex32
  • Нравится 1
Ссылка на сообщение
Поделиться на других сайтах
  • 1 год спустя...
27.09.2019 в 23:01, alex32 сказал:

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


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

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


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

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

Привет, а можешь помочь установить и инициализировать этот скрипт?)

Ссылка на сообщение
Поделиться на других сайтах
  • 10 месяцев спустя...
26/1/2021 в 19:23, dawards сказал:

Hola, ¿puedes ayudarme a instalar e inicializar este script?)

Привет

Кто-то ответил вам предложением бесконечного перемещения в полной статье

Ссылка на сообщение
Поделиться на других сайтах

Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
×
×
  • Создать...