Não é possível exibir barras de rolagem com CSS Overflow no iOS

Ao desenvolver um site para iPad, usando a propriedade CSS overflow: auto para ativar barras de rolagem dentro de uma div podem ser ineficazes. Apesar do gesto de rolagem com dois dedos funcionar corretamente, as barras de rolagem permanecem ocultas. As tentativas de usar overflow: auto e overflow: scroll não produzem resultados.

Comportamento do iOS

Infelizmente, nem overflow: auto nem scroll produzem barras de rolagem em dispositivos iOS. Isso se deve ao espaço da tela que seria ocupado por esses controles.

Soluções alternativas

Para compensar a falta de barras de rolagem no iOS:**

• Deslizar com dois dedos: Os usuários podem rolar o conteúdo excedente deslizando com dois dedos.
• Criar barras de rolagem personalizadas: Implemente uma Solução JavaScript ou jQTouch para criar suas próprias barras de rolagem para elementos transbordantes.
• Remova o overflow usando consultas @media: Remova a propriedade overflow usando consultas @media quando a largura do dispositivo estiver abaixo de um determinado limite, garantindo que o conteúdo seja exibido na íntegra. Essa abordagem simplifica a experiência do usuário para usuários do iPhone.