Me encontré con un error/problema cuando intento usar el desplazamiento infinito en navegadores móviles. Hice un proyecto usando vanilla js, y cuando la barra de desplazamiento llega al final, llama a una función que obtiene nextPage de una API (TMDB). Cada vez que la barra de desplazamiento toca la parte inferior, devuelve los siguientes 20 elementos de la página siguiente. Entonces, en el escritorio está todo bien, pero en los navegadores móviles, voy a tocar fondo y no pasó nada. Creo que hay un problema con la barra superior del navegador móvil, pero ¿cómo puedo solucionarlo? Aquí está mi código:
window.addEventListener("scroll", () => { const { scrollTop, scrollHeight, clientHeight } = document.documentElement; if (scrollTop + clientHeight >= scrollHeight) { showLoading(); } });Agradecería si alguien me puede dar una pista al respecto. ¡Gracias!