Estoy haciendo algunos cálculos con $(window).scrollTop(); , element.innerHeight(); , $(window).height(); , element.offset().top; . Y he notado que el resultado es diferente en los dispositivos móviles debido a la barra de herramientas de Chrome y Safari. Mi pregunta es si alguno de esos valores cambia cuando la barra de herramientas colapsa y qué puedo hacer contra eso.
Tuve el mismo problema en el pasado y lo resolví configurando la position como fixed para el body . Tal vez eso también te ayude.
html {
overflow: hidden;
width: 100%;
}
body {
height: 100%;
position: fixed;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
}
Encontré una pregunta muy similar aquí , también hay una solución jQuery.documentSize en github que detecta el ancho y alto real del documento.