Maison > interface Web > tutoriel CSS > le corps du texte

Voici quelques options de titre, en gardant à l'esprit le format de la question et le contenu de votre article : Court et direct : * Pourquoi ne puis-je pas accéder aux barres de défilement sur iOS avec « overflow : auto » ? * Comment afficher S

Barbara Streisand
Libérer: 2024-10-27 01:38:03
original
636 Les gens l'ont consulté

Here are a few title options, keeping in mind the question format and the content of your article:

Short and Direct:

* Why Can't I Access Scrollbars on iOS with `overflow: auto`?
* How to Display Scrollbars on iOS Using CSS `overflow`?

More Informativ

Accès aux barres de défilement avec débordement CSS sur iOS

Utilisation du débordement CSS : auto ou scroll est une méthode courante pour afficher les barres de défilement lorsque le contenu dépasse le contenu disponible espace. Cependant, sur les appareils iOS, cette approche semble échouer.

Pourquoi iOS ignore les barres de défilement

Les appareils iOS donnent la priorité à l'espace de l'écran et masquent les barres de défilement par défaut lors de l'utilisation du défilement digital. Au lieu de cela, les utilisateurs effectuent un balayage avec deux doigts pour naviguer dans la zone débordée.

Surmonter l'obstacle

Bien qu'iOS ne prenne pas en charge les barres de défilement CSS conventionnelles, une solution a émergé avec le introduction d'iOS 5bêta. En ajoutant la propriété -webkit-overflow-scrolling: touch, les développeurs peuvent activer le défilement dynamique natif, conduisant au comportement souhaité.

Approches alternatives

If -webkit- défilement par débordement : le toucher n'est pas une option, voici des méthodes alternatives :

  • Utilisez JavaScript ou jQTouch : Créez des barres de défilement personnalisées à l'aide de JavaScript et de jQTouch.
  • Utilisez les requêtes @media : Supprimez le débordement et affichez le contenu complet pour les appareils iOS spécifiquement en utilisant les requêtes @media. Par exemple :
<link rel="stylesheet" href="handheld.css" media="only screen and (max-device-width:480px)" />
Copier après la connexion

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!