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

[Anonymous]

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

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

let is_loading = false;
let has_more_content = true;

const loader_element = document.querySelector("container.home column#container_contents > p#loading");

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