sistema - Desplazamiento lento en el dispositivo móvil/ios cuando se utiliza el desbordamiento: desplazamiento

desactivar servicios del sistema iphone datos

Question

Para configurar un menú fuera de lienzo, tengo que configurar el cuerpo en "overflow: hidden" para eliminar el desplazamiento del cuerpo y agregarlo nuevamente a un contenedor alrededor del contenido con "overflow-y: scroll". Cuando hago esto, parece ralentizar el desplazamiento en dispositivos móviles específicamente para dispositivos iOS.

¿Hay algún tipo de problema de rendimiento al mover la barra de desplazamiento desde el cuerpo?

Answer 1

En lugar de un problema de rendimiento, es probable que no vea el desplazamiento ''Momentum'' en su dispositivo iOS

Esto se puede resolver agregando ''-webkit-overflow-scrolling: touch'' a su elemento de desplazamiento, es decir:

.scrolling-content {
   overflow-y: scroll;
   -webkit-overflow-scrolling: touch;
   height:100%; /*A value other than height:auto needs to be set*/
}

De forma predeterminada, los dispositivos iOS utilizan el desplazamiento ''momentum'' en el cuerpo, pero agregar ''overflow-y: scroll'' a un elemento no establece un desplazamiento de ''momentum'' por defecto

Consulte https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-overflow-scrolling para obtener más información

Nota: hay un número de Gotcha / Bugs con el uso de -webkit-overflow-scrolling: toque en ciertos navegadores