No se pueden mostrar barras de desplazamiento con desbordamiento de CSS en iOS

Al desarrollar un sitio web para iPad, use la propiedad de desbordamiento de CSS: auto para habilitar Las barras de desplazamiento dentro de un div pueden resultar ineficaces. A pesar de que el gesto de desplazamiento con dos dedos funciona correctamente, las barras de desplazamiento permanecen ocultas. Los intentos de utilizar overflow: auto y overflow: scroll no arrojan resultados.

Comportamiento de iOS

Desafortunadamente, ni overflow: auto ni scroll producen barras de desplazamiento en dispositivos iOS. Según se informa, esto se debe al espacio de pantalla que ocuparían estos controles.

Soluciones alternativas

Para compensar la falta de barras de desplazamiento en iOS:**

• Usar deslizamiento con dos dedos: Los usuarios pueden desplazarse por el contenido desbordado al deslizar dos dedos.
• Crear barras de desplazamiento personalizadas: Implementar una Solución JavaScript o jQTouch para crear sus propias barras de desplazamiento para elementos desbordados.
• Elimine el desbordamiento mediante consultas @media: Elimine la propiedad de desbordamiento mediante consultas @media cuando el ancho del dispositivo esté por debajo de un cierto umbral. asegurando que el contenido se muestre en su totalidad. Este enfoque optimiza la experiencia de usuario para los usuarios de iPhone.