IntersectionObserver rootMargin игнорируется на мобильном устройстве ⇐ Javascript

[Anonymous]

Я использую API IntersectionObserver для загрузки дополнительного контента, когда страница прокручивается примерно на 1000 пикселей снизу. Он отлично работает на настольных компьютерах, но на экранах мобильных устройств контент загружается только тогда, когда достигает конца нижнего колонтитула.
Вот мой текущий код:

Код: Выделить всё

const loader_element = document.querySelector(loader_element_selector);

const observer = new IntersectionObserver(
async (entries) => {
if (entries[0].isIntersecting && !is_loading && has_more_content) {
await load_more_content();
}
},
{ root: null, rootMargin: "0px 0px 1000px 0px", threshold: 0.1 }
);

observer.observe(loader_element);

На мобильных устройствах я хочу, чтобы контент загружался раньше, прежде чем он достигнет нижнего колонтитула. Как я могу настроить свою реализацию для достижения этой цели? Будем очень признательны за любые предложения и решения!

Подробнее здесь: https://stackoverflow.com/questions/793 ... ile-device