我正在开发一个基于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
。希望有所帮助。