Событие на scroll, когда тот в самом низу страницы, учитывая что контент из-за которого появляется scroll динамический

На сайт в DOM приходят только header и footer, main подгружается из JSON с помощью fetch.

Нужно осуществить подгрузку партии новостей из JSON тем же fetch, когда scroll окажется в самом низу страницы. Логика подгрузки уже готова, но повесить event на scroll (когда тот в самом низу) не выходит. Событие происходит при первом же скролле, причем не важно вверх или вниз...

Происходит это на сколько я понял из-за того, что эти посты отсутсвуют в DOM, так как загрузились из JSON и появились динамически. И для JS эта страница все так же "пустая". При клике на заголовок (динамически созданной карточки) с помощью e.target удается открыть новость, но как быть с scroll?

window.addEventListener('scroll', () => {
  let category = categoryNames();
  if(document.documentElement.scrollTop == document.documentElement.scrollHeight - window.innerHeight) {
  fetchJson1(category); 
  }
});