Warum fehlen Bildlaufleisten auf meiner iPad-Website in iOS?

iOS Scrollbar-Frustrationen: Fehlerbehebung bei Überlauf-CSS

Bei der Entwicklung einer iPad-Website sind Sie auf ein unerwartetes Problem gestoßen: CSS-Überlaufeigenschaften (Überlauf: Auto oder Scroll) zeigen keine Bildlaufleisten an, obwohl das Scrollen mit zwei Fingern aktiviert ist. Diese Eigenart gilt nur für iOS-Geräte.

Behebung des Problems:

Aktualisierte Fehlerbehebung (iOS 5beta und höher):

Wie von kritzikratzi hervorgehoben, kann eine neue Eigenschaft, die in iOS 5beta eingeführt wurde (-webkit-overflow-scrolling: touch), dieses Problem beheben und das erwartete Scrollverhalten auslösen.

Ursprüngliche Abhilfe (iOS 5 und Unten):

Leider generieren weder overflow: auto noch scroll Bildlaufleisten auf iOS-Geräten, da der Platz auf dem Bildschirm begrenzt ist. Stattdessen ist der Zwei-Finger-Wischmechanismus die vorgesehene Methode zum Scrollen überquellender Inhalte.

Alternativen:

• JavaScript und jQuery: Nutzen Sie JavaScript und Bibliotheken wie jQuery, um benutzerdefinierte Bildlaufleisten für Überlaufelemente zu erstellen.
• @media-Abfragen: Verwenden Sie @media-Abfragen, um den Überlauf auszublenden und den Inhalt auf einem iPhone-Gerät vollständig darzustellen.

Beispiel für die Verwendung von @media-Abfragen:

<link rel="stylesheet" href="handheld.css" media="only screen and (max-device width:480px)" />

Das obige ist der detaillierte Inhalt vonWarum fehlen Bildlaufleisten auf meiner iPad-Website in iOS?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!