javascript - iOS 对话框中的 HTML 滚动问题

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

当在 iPhone 上打开对话框时，在对话框内滚动最终会停止工作，而不是滚动内容，一些底层(？)元素从顶部或底部(取决于滚动方向)与对话框内容重叠。其实很难解释，所以我做了一个视频:

另外，你也可以自己试试。单击以下链接，然后单击页面上第一项的按钮。

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

最佳答案

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

关于javascript - iOS 对话框中的 HTML 滚动问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/47920472/