Mon application Web, lorsqu'elle est ouverte sur des appareils mobiles iOS, affiche une icône de menu présente sur le corps. Si vous cliquez sur l'icône du menu, il ouvre le menu contextuel. Lorsque nous naviguons sur le menu modal, l'écran d'arrière-plan défile également avec les éléments du menu. Cela a créé des problèmes d'interface utilisateur. J'ai appliqué le débordement: caché sur le corps lorsque le menu est ouvert. Cela n'aide pas. Quand je mets la position: fixe; alors l'écran de fond devient blanc et tout sur le corps va vers la gauche. Pour cela j'ai aussi appliqué gauche: 0; droite: 0; en haut: 0; et en bas: 0; Cela a aidé en mode portrait où l'écran d'arrière-plan du menu ne défile pas mais en mode paysage, cela n'aide pas. Je suis impatient d'une solution qui peut m'aider à ce sujetLe défilement du menu permet également de faire défiler l'écran d'arrière-plan
0
A
Répondre
0
Ici 'modal-open' est le nom de classe qui est ajouté au 'corps' lorsque le modal est ouvert. Dans le cas où ce n'est pas 'modal-open', veuillez inspecter le nom de la classe et remplacer.
body.modal-open {
overflow: hidden;
position: fixed;
}