0
144
VistasError de desplazamiento vertical de HTML en dispositivos móviles
Tengo un sitio web y si lo abro desde cualquier dispositivo móvil cuando abro un sidenav y lo desplazo hacia abajo, aparece un error extraño y no sé cómo eliminarlo.
La falla aparece en la parte inferior de la navegación lateral cuando uso Safari, pero en Google Chrome la falla aparece en la parte superior de la navegación lateral.
¿Alguna idea de cómo hacer que este error desaparezca?
El css básico y el código sidenav:
.sidenav { background-color: black; color: white; display: flex; flex-direction: column; height: 100%; width: 0; position: fixed; z-index: 999; top: 0; bottom: 0; right: 0; overflow-x: hidden; transition: .3s ease-in-out; } .sidenav-inner { padding: 1rem; height: 100%; } <button onclick="document.getElementById('sidenav').style.width = '100%';">OPEN</button> <div class="sidenav" id="sidenav"> <div class="sidenav-inner"> <span>ITEMS</span> </div> </div>
·
Juan Pablo Isaza
Responde la pregunta