通过灯箱表单在iPhone 6上点击输入区域，灯箱跳下页面

Question

我在iPhone 6上遇到了一个问题，只有当我在灯箱中弹出窗体并在灯箱上单击某个输入时跳下该页面不在视图中。在您开始键入灯箱后，跳回到视图中，并且将保留原来填充的任何连续输入。

这可以测试here，只需点击“快速链接”下的任何绿色框，你会看到。

有没有人遇到过这个问题，如果有的话是否有一个体面的解决方案？ CSS？ JavaScript的？什么？

我试过各种黑客，没有任何工作。它在iPhone 5和之前的工作正常。我不明白。

Answer 1

从我的检查它的CSS问题。您的最高级别lity <div>的顶部，左侧，右侧，底部为0--这将使它成为网站的整个高度（大约5000px） - 您实际需要的是它作为视口的高度（大约600px，具体取决于设备）。删除底部：0，加入高度：100vh;在CSS中，顶级.lity-iframe <div>以及.lity-wrap <div> - 此div也许不需要位置：fixed，因为它已经位于position：fixed; lity-iframe <div>

这应该有效。