Wie deaktiviere ich das Scrollen in Mobile Safari?

Scrollen in der mobilen Safari deaktivieren

Wenn Sie mit langen Seiten konfrontiert werden, die über den sichtbaren Bereich hinausgehen, muss das Scrollen in der mobilen Safari deaktiviert werden um ein nahtloses Benutzererlebnis zu bieten. Dieser Artikel befasst sich mit dieser Herausforderung, indem er Lösungen untersucht, um zu verhindern, dass Inhalte auf iOS-Geräten unter den „Falz“ der Seite hinausragen.

Body Overflow:hidden Ineconomicness

Anwenden von „overflow: „hidden“ für das Body-Element schränkt in den meisten Browsern normalerweise das Scrollen ein. Dieser Ansatz funktioniert jedoch nicht auf mobilem Safari. Diese Einschränkung stellt eine Herausforderung beim Ausblenden von Inhalten dar, die über den Anzeigebereich auf diesen Geräten hinausgehen.

Html and Body Overflow:hidden Solution

Um dieses Problem zu beheben, wird empfohlen, Folgendes zu tun „overflow:hidden;“ anwenden sowohl für die HTML- als auch für die Body-Elemente. Durch diesen Ansatz wird das Scrollen im mobilen Safari effektiv deaktiviert und sichergestellt, dass der Inhalt auf den sichtbaren Bereich des Browsers beschränkt bleibt.

iOS 9-spezifische Korrektur

Für iOS 9-Benutzer: a Um das gewünschte Ergebnis zu erzielen, sind geringfügige Änderungen erforderlich. Fügen Sie zusätzlich zu „overflow:hidden;“ „position:relative;“ hinzu. und „Höhe:100 %;“ Beachten Sie die CSS-Regeln für HTML und Body. Diese Anpassungen gewährleisten eine ordnungsgemäße Scroll-Deaktivierung auf iOS 9-Geräten.

Das obige ist der detaillierte Inhalt vonWie deaktiviere ich das Scrollen in Mobile Safari?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!