Как сделать, чтобы появление элементов один за другим срабатывало именно при скролле до них(jQuery)?

Question

[trenton]

Контент динамический, поэтому использую именно цикл. То есть через id в html не подойдет.

jQuery( function() {
     jQuery('.event-item').each(function(i) {
    jQuery(this).delay((i++) * 500).fadeTo(1000, 1); });
});

Работает, но при загрузке страницы, и ту анимацию, что не на первом экране, видно, только если перезагрузить страницу в ее месте. Как сделать, чтобы срабатывал именно этот же цикл при скролле до блока с элементами?

Answer 1

[Иван Кулаков]

Смотрите в сторону IntersectionObserver