Problemas con el scroll horizontal en el móvil
El Problema
Hola!
¿Estas teniendo un problema con el scroll de la versión móvil?
¿Algo un poco extraño, como que te sale una especie de scroll horizontal que no sabes como quitar?
Quizás lo veas como en esta imagen, ¿verdad?
Solución
Eso es porque hay desbordamiento en alguna de las secciones.
Haz esto en cada una de ellas:
Desarrolle su respuesta 😉
El desbordamiento, también llamado Overflow, se produce cuando dentro de una sección ponemos un objeto más grande que la pantalla, como por ejemplo una imagen.
Para poder mostrar todo el contenido en el dispositivo en el que lo estás visualizando lo que hacen los navegadores es añadir las típicas barras de desplazamiento que todos conocemos y usamos haciendo scroll vertical en una página muy larga.
Las barras de desplazamiento también pueden mostrarse de manera automática en horizontal, y eso es lo que pasa a veces con la versión móvil de algunas landings. El motivo por el que se produce ese pequeño movimiento horizontal es porque el contenido es más ancho que el tamaño de la pantalla del dispositivo.
Y por eso para evitar que el navegador del dispositivo evite activar automáticamente esta opción tenemos 2 soluciones:
1.- Encontrar la sección donde está el contenido grande que provoca el scroll y quitarlo
2.- Si no quieres quitar ese contenido, cambia las opciones de overflow de la sección que lo contiene a «oculto» y ocultará el scroll. Lo que no te permitirá desplazarte para ver el contenido completo. Eso hay que tenerlo en cuenta.
Interacciones con los lectores