Есть разные варианты, когда это не сработает.

Например, есть на странице div с абсолютным позиционированием, нижняя граница, которого, может уйти ниже твоего, граничного diva, на который настроен IntersectionObserver
Или перед твоим сторожевым divом стоит div с фиксированной высотой, но с overflow-y: visible и сильно переполняется так, что его содержимое уходит ниже твоего diva.

Ладно бы я.
Это жизнь придумывает всякие ситуевины.
А скрипт должен надежно работать в любой ситуации.

вадя,
Сам попробуй
Заключи свои div-ы в такой контейнер




И посмотри, что получится.
Если не нравится overflow:visible (это, конечно, изврат), то можешь поставить

<div style='position:absolute; width:100%;height:100px;'>

- это более осмысленно.

https://jsfiddle.net/voraa/cg175zj4/5/

Ты не понимаешь.
Скрипт надо писать так, что бы он был универсальным, не зависел от того, что там творится раньше на странице.
Куда бы ты не вставил свой сторожевой элемент (например в body) , всегда есть вероятность, что кто то написал или напишет потом
что то вроде document.body.appendChild (тра-та -та)
Или какой-нибудь абсолютно позиционируемый элемент неожиданно вылезет ниже, как здесь
https://jsfiddle.net/voraa/cg175zj4/18/

IntersectionObserver - Полезная штука. Но его надо использовать по назначению.

В консервваториях очень часто не так. Ты, наверно, молодой еще. А мне много раз приходилось что то менять в сайтах, написанных другими. Материл создателей по страшному. Уверен, что и меня материли временами те, кто потом дописывал, менял, сопровождал то, что породил я. Сам иногда лет через 5 правил свой код и материл себя же.
Не бывает такого, что написал страницу, а потом сам всю жизнь ее сопровождаешь.
Это не деградация до дураков - это жизнь. Вот вызывает тебя начальник и говорит: Вот есть старая страница - там в конце надо добавить то-то и то-то. Садишься и тупо добавляешь. Почему надо учитывать, что кто то какой то элемент там в конце поставил только для того, что бы ловить конец скроллинга? Элементы в HTML для того, что бы что то отображать, а не для каких то иных специальных целей.
Есть четкое разделение. HTML - определяет структуру документа, CSS - его внешний вид, Javascript - взаимодействие с пользователем, динамику. Его и надо придерживаться и стараться не смешивать.

Вот создали сайт - все работает. Страницы берутся с сервера, тексты из БД. Но есть там модальные окошки. В какой то момент хозяева сайта решили увеличить размер сообщений. Размер модальных окон тоже увеличился. Но это не повод, что из-за этого перестанет работать способ ловли конца скроллинга.

Детали раскрыты полностью (См первый пост)
Требуется определить именно конец прокрутки станицы, а не то, что дойдем до какого то искусственно созданного элемента. Потому, что с элементом (или другими элементами) может случиться что угодно, и он перестанет находиться в самом конце.