Wie kann ich das Scrollen in Mobile Safari effektiv deaktivieren?

Deaktivieren des Scrollens in Mobile Safari: Überwindung plattformspezifischer Macken

Bei der Arbeit mit langen Webseiten in Mobile Safari kann es wünschenswert sein, zu verhindern, dass Benutzer über das Scrollen hinaus scrollen zunächst sichtbarer Inhalt. Die Anwendung von overflow:hidden auf den element erzielt diesen Effekt auf dieser bestimmten Plattform nicht immer.

Um dieses Problem zu beheben, besteht eine bewährte Lösung darin, overflow:hidden sowohl auf die HTML- als auch auf die Body-Elemente anzuwenden. Dieser Ansatz steuert effektiv das Scrollverhalten im mobilen Safari:

html, body {
    overflow: hidden;
}

Wenn Sie jedoch speziell mit iOS 9 arbeiten, kann es zu leichten Abweichungen im erforderlichen Code kommen:

html, body {
    overflow: hidden;
    position: relative;
    height: 100%;
}

Diese Anpassungen stellen sicher, dass das Scrollen über den sichtbaren Teil der Seite hinaus im mobilen Safari deaktiviert ist, sodass Sie das gewünschte Layout und Benutzererlebnis erreichen können.

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