1

pues eso necesito que cuando el usuario de mi web haga foco en uno de los fields de un formulario desde su dispositivo móvil, la.pantalla le haga scroll y posicione su teclado justo debajo del fields, actualmente el teclado tapa el input y eso no se ve bien así es como se ve en este momento

Y

así es como se vería mejor para el usuario ya que el teclado no tapa el input

1 respuesta 1

0

En este caso, lo que puedes hacer es jugar con scrollTo(), scrollBy() o scrollIntoView().

Te recomiendo que primero intentes con scrollBy y scrollIntoView, si ninguno de ambos te funciona, la solución está en implementar scrollTo() con una simple fórmula:

scrollTo( posición de scroll + window offset top de elemento hijo (input) - espacio top )

que implementado en js sería así:

const elPos = input.getBoundingClientRect().top;
const scrollPos = screen.scrollTop;
screen.scrollTo({top: elPos - scrollPos - 20, behavior: "smooth"});

Mira este demo, en este caso he implementado esta fórmula simple y el input siempre queda visible. https://codepen.io/kabal/pen/eYmNLeE

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.