CSS: Wie kann das Scrollen bei iOS Safari verhindert werden? [Duplikat]

7

Ich habe ein Modal erstellt. Wenn das Modal geöffnet ist, stoppe ich den Bildlauf auf dem Desktop mit overflow:hidden; auf <body> . Es funktioniert.

Aber es funktioniert nicht auf meinem iPhone 6s Mobile Safari.

Wie kann ich das Scrollen verhindern, wenn das Modal in einer mobilen Safari geöffnet ist?

    
Henry Zhu 01.03.2015, 06:41
quelle

2 Antworten

16

Es gibt (meines Wissens) keine großartige Möglichkeit, dies mit CSS ohne Rückwirkungen auf die UX zu erreichen.

Obwohl es sich um Javascript und nicht um CSS handelt, habe ich Folgendes am besten gefunden:

%Vor%     
AsLittleDesign 15.09.2016 07:37
quelle
8

Kombiniere es mit position: fixed , um dies auf iOS zu tun ...

%Vor%     
matharden 16.10.2015 10:25
quelle