Impossible d'afficher les barres de défilement avec le débordement CSS sur iOS

Lors du développement d'un site Web pour iPad, à l'aide du débordement de propriété CSS : auto pour activer les barres de défilement au sein d'un div peuvent s'avérer inefficaces. Malgré le bon fonctionnement du geste de défilement à deux doigts, les barres de défilement restent masquées. Les tentatives d'utilisation à la fois de overflow: auto et overflow: scroll ne donnent aucun résultat.

Comportement iOS

Malheureusement, ni overflow: auto ni scroll ne produisent de barres de défilement sur les appareils iOS. Cela serait dû à l'espace d'écran qui serait occupé par ces contrôles.

Solutions alternatives

Pour compenser le manque de barres de défilement sur iOS :**

• Utiliser le balayage à deux doigts : Les utilisateurs peuvent faire défiler le contenu débordant en effectuant un balayage à deux doigts.
• Créer des barres de défilement personnalisées : Implémenter un Solution JavaScript ou jQTouch pour créer vos propres barres de défilement pour les éléments débordants.
• Supprimer le débordement à l'aide des requêtes @media : Supprimez la propriété de débordement à l'aide des requêtes @media lorsque la largeur de l'appareil est inférieure à un certain seuil, s'assurer que le contenu est affiché dans son intégralité. Cette approche rationalise l'expérience utilisateur pour les utilisateurs d'iPhone.