Ленивая загрузка блока ajax как реализовать?

Question

[Роман Прогрессив]

Привет всем!
подскажите пожалуйста как реализовать ленивую загрузку блока ajax

Есть cинтаксис построен для выводы новостей:

<section id="news" class="section"> 
</section>

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

Comments

[Марат Гарифуллин]

А где примеры ваших тщетных попыток?

[Роман Прогрессив]

magarif, нету примеров, знаю можно как то реализовать на lazyload только вот с блоками я не имею понятие как это сделать, реализовывал только с изображениями...
Вот и попросил помочь направить меня на правильный путь как реализовать?

[Дмитрий Рублёв]

Роман Прогрессив, посмотрите в сторону определения, виден ли на экране низ блока новостей. Можно по высоте окна, позиции скролла и высоте блока это посчитать, как вариант.
Но я не фронтенд - может есть более простые способы это сделать.

Answer 1

[Марат Гарифуллин]

1) Считаешь размер видимого экрана
2) Считаешь расстояние до нижней границы пустого блока от верха страницы
3) При скролле, когда мы приближаемся к нижней границе блока грузишь один-два экрана элементов и запоминаешь их
4) повторяешь от пункта 2, с учетом уже выведенных

при ресайзе пересчитываешь с пункта 1

Answer 2

[grinat]

https://developer.mozilla.org/ru/docs/Web/API/Inte...

Comments

[Марат Гарифуллин]

Только с поддержкой проблемы) Нужно ждать, пока браузеры научатся в это

[grinat]

magarif, в ff, edge и chrome он уже давно, для старых версий есть полифил.