„Wenn ein Arbeiter seine Arbeit gut machen will, muss er zuerst seine Werkzeuge schärfen.“ – Konfuzius, „Die Gespräche des Konfuzius. Lu Linggong“
Titelseite > Programmierung > Warum fehlen CSS-Bildlaufleisten auf iOS-Geräten?

Warum fehlen CSS-Bildlaufleisten auf iOS-Geräten?

Veröffentlicht am 08.11.2024
Durchsuche:751

Why are CSS Scrollbars Missing on iOS Devices?

Bildlaufleisten mit CSS-Überlauf können unter iOS nicht angezeigt werden

Bei der Entwicklung einer Website für das iPad verwenden Sie zum Aktivieren die CSS-Eigenschaft overflow: auto Bildlaufleisten innerhalb eines Div können sich als unwirksam erweisen. Obwohl die Scroll-Geste mit zwei Fingern ordnungsgemäß funktioniert, bleiben die Bildlaufleisten ausgeblendet. Versuche, sowohl overflow: auto als auch overflow: scroll zu verwenden, liefern keine Ergebnisse.

iOS-Verhalten

Leider erzeugen weder overflow: auto noch scroll Bildlaufleisten auf iOS-Geräten. Dies ist angeblich auf den Platz auf dem Bildschirm zurückzuführen, der von diesen Steuerelementen belegt würde.

Alternative Lösungen

Um das Fehlen von Bildlaufleisten unter iOS zu kompensieren:**

  • Mit zwei Fingern wischen: Benutzer können überlaufenden Inhalt scrollen, indem sie mit zwei Fingern wischen.
  • Benutzerdefinierte Bildlaufleisten erstellen: Implementieren Sie a JavaScript- oder jQTouch-Lösung zum Erstellen eigener Bildlaufleisten für überlaufende Elemente.
  • Überlauf mithilfe von @media-Abfragen entfernen: Entfernen Sie die Überlaufeigenschaft mithilfe von @media-Abfragen, wenn die Gerätebreite unter einem bestimmten Schwellenwert liegt. Sicherstellen, dass der Inhalt vollständig angezeigt wird. Dieser Ansatz optimiert das Benutzererlebnis für iPhone-Benutzer.
Neuestes Tutorial Mehr>

Haftungsausschluss: Alle bereitgestellten Ressourcen stammen teilweise aus dem Internet. Wenn eine Verletzung Ihres Urheberrechts oder anderer Rechte und Interessen vorliegt, erläutern Sie bitte die detaillierten Gründe und legen Sie einen Nachweis des Urheberrechts oder Ihrer Rechte und Interessen vor und senden Sie ihn dann an die E-Mail-Adresse: [email protected] Wir werden die Angelegenheit so schnell wie möglich für Sie erledigen.

Copyright© 2022 湘ICP备2022001581号-3