VGLoadMore

Под загрузка контента

Бесконечная прокрутка

Автоматическое раскрытие следующей порции через IntersectionObserver.

Подгрузка при приближении к списку

IntersectionObserver следит за последней видимой записью. Когда она входит в область threshold, модуль раскрывает следующие три элемента без отдельной кнопки.

01
Создан новый проект9:20 · журнал проекта
02
Добавлен участник команды10:45 · журнал проекта
03
Обновлена цветовая схема11:20 · журнал проекта
04
Согласована структура страниц12:45 · журнал проекта
05
Загружены изображения13:20 · журнал проекта
06
Проверена мобильная сетка14:45 · журнал проекта
07
Закрыты замечания аудита15:20 · журнал проекта
08
Подготовлена production-сборка16:45 · журнал проекта
09
Опубликована документация17:20 · журнал проекта
HTML
<div
  id="activity-feed"
  class="module-loadmore-list"
  data-vgloadmore
  data-limit="3"
  data-elements="module-loadmore-item"
  data-mode="scroll"
  data-threshold="120"
  data-animate="true"
>
  <article class="module-loadmore-item">...</article>
  <!-- остальные элементы -->
</div>
JavaScript
// Дополнительная инициализация не требуется: используется Data API.
CSS
/* Дополнительные стили не требуются. */
Граница срабатывания

threshold задаёт нижний запас IntersectionObserver в пикселях. Чем он больше, тем раньше откроется следующая порция.