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

Question

我在 iPhone 6 上遇到问题，只有当我在灯箱中弹出表单并且单击灯箱上的输入时会跳下页面而无法查看。在您开始键入后，灯箱会跳回视图中，并将保留在任何连续输入的位置。

这个可以测试here，点击“快速链接”下的任意一个绿色框就可以看到了。

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

我尝试了各种技巧，但没有任何效果。它在 iPhone 5 及之前的版本上运行良好。没看懂。

Answer 1

根据我的检查，这是一个 CSS 问题。您的顶级 lity <div> 具有顶部、左侧、右侧、底部：0 - 这将使其成为网站的整个高度（大约 5000 像素） - 您真正想要的是它成为视口的高度（大约 600 像素取决于设备）。删除底部：0，添加高度：100vh；在 CSS 中，顶级 .lity-iframe <div> 和 .lity-wrap <div> - 也可能不需要 div 位置：固定，因为它已经在位置：固定； lity-iframe <div>

应该可以的。