Wie kann ich das Scrollen verhindern und Inhalte außerhalb des Ansichtsfensters auf iOS-Geräten ausblenden?

Inhalte außerhalb der Falte auf dem iPhone/iPad ausblenden

Das Deaktivieren des Scrollens in der mobilen Safari für lange Seiten kann eine Herausforderung sein. Überlauf anwenden: ausgeblendet auf den Das Element allein reicht möglicherweise nicht aus. Hier ist eine Lösung, die funktioniert:

Lösung:

Überlauf anwenden: versteckt; sowohl auf die HTML- als auch auf die Body-Elemente:

html,
body {
    overflow: hidden;
}

Für iOS 9 benötigen Sie möglicherweise stattdessen Folgendes:

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

Dadurch wird verhindert, dass die Seite gescrollt wird, und alle darüber hinausgehenden Inhalte werden ausgeblendet das Ansichtsfenster. Beachten Sie, dass diese Lösung möglicherweise nicht für alle Websites geeignet ist, da sie einige Funktionen wie Schieberegler oder Dropdowns beeinträchtigen kann, die auf Scrollen basieren.

Das obige ist der detaillierte Inhalt vonWie kann ich das Scrollen verhindern und Inhalte außerhalb des Ansichtsfensters auf iOS-Geräten ausblenden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!