iOS上的对话框中的HTML滚动问题

Posted 2021-05-06

我正在开发一个基于EmberJS的Web应用程序，它应该在多种设备类型上运行。该应用程序包括使用ember-modal-dialog和liquid-wormhole插件处理的对话框。

在iPhone上打开对话框时，在对话框中滚动最终会停止工作，而不是滚动内容，一些底层（？）元素与顶部或底部的对话框内容重叠（取决于滚动方向）。实际上很难解释，所以我制作了一个视频：

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

此外，您可以自己尝试。单击以下链接，然后单击页面上第一个项目的按钮。

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

有谁知道或有想法，如何解决问题？

答案

我的项目中遇到了同样的问题。但我发现我的div上有一些重复的样式。尝试删除overflow-y: scroll并添加-webkit-overflow-scrolling: touch。希望有所帮助。