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

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


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

Бодрый день.

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

Пример

 

Тут

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

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

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

Привет

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

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

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
×
  • Создать...