HTML-Scroll-Problem in Dialogen auf iOS

Question

Ich entwickle eine Web-Anwendung basierend auf EmberJS, die auf mehreren Gerätetypen ausgeführt werden sollte. Die Anwendung enthält Dialoge, die mit den Erweiterungen ember-modal-dialog und liquid-wormhole bearbeitet werden.

Beim Öffnen des Dialogfelds auf einem iPhone funktioniert der Bildlauf innerhalb des Dialogfelds möglicherweise nicht mehr, und anstelle des Bildlaufs überlappen einige unterlegende (?) Elemente den Inhalt der Dialoge von oben oder unten (abhängig von der Bildlaufrichtung). . Es ist eigentlich schwer zu erklären, also habe ich ein Video gemacht:

https://drive.google.com/file/d/12Xfvxvx89r91svEyybMf1j6HFD3v_Tkl/view

Auch können Sie es selbst ausprobieren. Klicken Sie auf den folgenden Link und dann auf die Schaltfläche des ersten Elements auf der Seite.

https://rkr9z8g.suitepad.io/category/6463/page/22280

Hat jemand weiß, oder eine Idee, wie das Problem zu beheben?

Answer 1

Ich habe dasselbe Problem in meinem Projekt. Aber ich fand, dass einige Duplikate auf meinem div. Versuchen Sie, overflow-y: scroll zu entfernen und fügen Sie -webkit-overflow-scrolling: touch hinzu. Ich hoffe, das hilft.