Menü Scrolling scrollt auch Hintergrund Bildschirm

Question

Meine Webanwendung, wenn auf iOS-Mobilgeräten geöffnet, zeigt es ein Menü-Symbol, das auf dem Körper vorhanden ist. Wenn Sie auf das Menüsymbol klicken, öffnet sich das Popup-Menü des Menüs. Wenn wir im Menü modal blättern, scrollt der Hintergrundbildschirm auch mit den Menüpunkten. Dies führte zu Problemen mit der Benutzeroberfläche. Ich habe einen Überlauf angewendet: versteckt auf dem Körper, wenn das Menü geöffnet wird. Das hilft nicht. Wenn ich Position bringe: behoben; dann wird der Hintergrundbildschirm weiß und alles auf dem Körper geht nach links. Dafür habe ich mich auch links angewandt: 0; rechts: 0; oben: 0; und unten: 0; Dies half im Hochformat, wo der Menühintergrund nicht scrollt, aber im Querformat hilft es nicht. Ich freue mich auf eine Lösung, die mir dabei helfen kann

Answer 1

Hier ist 'modal-open' der Klassenname, der dem 'body' hinzugefügt wird, wenn das Modal geöffnet wird. Falls es nicht 'modal-open' ist, prüfe bitte den Klassennamen und ersetze ihn.

body.modal-open { 
    overflow: hidden; 
    position: fixed; 
}