Pourquoi les barres de défilement CSS manquent-elles sur les appareils iOS ?

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

Lors du développement d'un site Web pour iPad, utilisation de la propriété CSS overflow : 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 :**

• Utilisez le balayage à deux doigts : Les utilisateurs peuvent faire défiler le contenu débordant en effectuant un balayage à deux doigts.
• Créez des barres de défilement personnalisées : Implémentez 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.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!