Ich habe ein seltsames Problem auf meiner mobilen Website, wenn ich es in Safari auf einem iPhone (5, 6) gesehen habe. Wenn ich das linke Dia-Menü öffne und dann ein Untermenü öffne (z. B. Electrical Solutions), das sehr viele Elemente enthält, die nicht vertikal auf den Bildschirm passen, wird die Abwärtsbewegung gesperrt und die übrigen Elemente im Untermenü können nicht angezeigt werden. Wenn ich jedoch ein anderes Untermenü (d. H. Industrien) öffne, während das vorhergehende Untermenü geöffnet ist, kann ich das Bild nach unten entsperren und normal arbeiten. Jetzt kann ich die anderen Elemente im ersten Untermenü sehen.
Was ich versucht habe: Ich habe die overflow in all diesen Elementen überprüft und nichts sieht falsch aus und fügte dem Körper auch -webkit-overflow-scrolling touch hinzu, aber immer noch kein Glück.
Was sind meine anderen Optionen zu überprüfen?
Soweit ich sehen kann, benutzen Sie
-webkit-overflow-scrolling:touch am .sidebar-menu , aber nicht am .submenu , obwohl dies kein Problem darstellen sollte, aber Sie könnten versuchen, es auch dem Untermenü hinzuzufügen.
Etwas anderes ist, dass Ihre .sidebar-menu keine overflow:hidden hat, was ich empfehle und die Ursache Ihres Problems sein könnte.
IOS ist wirklich versaut mit Scrolling in meiner Erfahrung und es ist sehr schwer zu verfolgen, wenn Sie viele Ebenenelemente haben. Lesen Sie auch Ссылка es könnte Ihnen ein paar Ideen geben.
Tags und Links javascript html css ios