html - 通过灯箱形式点击进入iPhone 6输入区，灯箱跳转页面

Question

我在 iPhone 6 上遇到了一个问题，只有当我在灯箱中弹出表单时，当在灯箱上单击输入时，页面会跳到页面之外。在您开始键入后，灯箱会跳回到 View 中，并且会保留在原位以供填写的任何后续输入使用。

这个可以测试here , 只需单击“快速链接”下的任何绿色框，您就会看到。

有没有人遇到过这个问题，如果有，有什么好的解决方案吗？ CSS？ Javascript？任何事物？

我尝试了各种破解方法，但没有任何效果。它在 iPhone 5 及更早版本上运行良好。我不明白。

Answer 1

根据我的检查，这是一个 CSS 问题。你的顶级生活<div>有 top, left, right, bottom: 0 - 这将使它成为网站的整个高度(大约 5000 像素) - 你真正想要的是视口(viewport)的高度(大约 600 像素，具体取决于设备)。删除底部:0，添加高度:100vh；在 CSS 中，顶级 .lity-iframe <div>还有 .lity-wrap <div> - 还有那个 div 可能不需要是 position:fixed，因为它已经在 position:fixed 里面； lity-iframe <div>

这应该有效。