Jump to content
Sign in to follow this  
DLE рулит

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

Recommended Posts

Бодрый день.

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

Пример

 

Тут

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

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

  • Upvote 1

Share this post


Link to post
Share on other sites
4 часа назад, DLE рулит сказал:

Бодрый день.

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

Пример

 

Тут

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

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

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

 

Share this post


Link to post
Share on other sites

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

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

Share this post


Link to post
Share on other sites
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>

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

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
Только что, alex32 сказал:

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

Так точно.

Share this post


Link to post
Share on other sites

Тогда проще установить этот скрипт (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 by alex32
  • Like 1

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

×
×
  • Create New...