Evitar el desplazamiento horizontal en dispositivos móviles
Tengo una cola muy larga en la parte superior:
#top-line {
background: #00A1E0;
border-bottom: 1px solid #FFF;
height: 4px;
position: absolute;
top: 0;
left: 0;
width: 10000px;
}
Entonces estoy usandooverflow-x: hidden
para evitar el desplazamiento horizontal:
html {
overflow-x: hidden;
height: 100%;
}
body {
background: #EDEDED;
font-size: 12px;
font-family: Arial, sans-serif;
color: #666;
height: 100%;
overflow-x: hidden;
}
Funciona bien, pero en los teléfonos móviles todavía puedo desplazarme indefinidamente hacia la derecha.
¿Hay alguna solución para esto?