Подгрузка элементов при прокрутке?

Question

[Insom84]

На сайте wp есть страница на которую подгружаются блоки отзывов, все разом.
Нужно, чтобы загружались только 5 например, а остальные при прокрутке.
перекурил весь интернет, как реализовать ajax подгрузку для div, ничего не нашел подходящего.
плагины тоже перепробовал, не работают.
как такое реализовать?
есть пример инструкции на русском у кого?

Answer 1

[MagicMight]

Определять, с какого блока начинать загрузку должен клиент. То есть вычислить у себя координаты скролла и определить, какой элемент запрашивать.
PHP должен брать из бд блоки запросом в той же сортировке по limit [с какого блока], [количество блоков], приводить к JSON-формату и отдавать на странице с заголовком content-type: text/json.
То есть с клиента идет AJAX-запрос с параметром /?bp=10, PHP видит 10 и делает запрос к бд как "select ... limit 10, 5", чтобы вернуть 5 блоков. Клиент получает JSON структуру этих блоков и создает по ним новые div'ки на странице через document.createElement

Comments

[Insom84]

есть ссылка на какой-нибудь пример понятной реализации?

[MagicMight]

Insom84, wordpress.stackexchange.com

Answer 2

[Вова Дружаев]

Только английский! Это раз.
Intersection Observer API - это два. Никаких медленных расчетов положения от верха до блока на jquery не используй. Есть современное и быстрое API на js, его и используй.