Я использую 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