我在 iPhone 6 上遇到了一个问题,只有当我在灯箱中弹出表单时,当在灯箱上单击输入时,页面会跳到页面之外。在您开始键入后,灯箱会跳回到 View 中,并且会保留在原位以供填写的任何后续输入使用。
这个可以测试here , 只需单击“快速链接”下的任何绿色框,您就会看到。
有没有人遇到过这个问题,如果有,有什么好的解决方案吗? CSS? Javascript?任何事物?
我尝试了各种破解方法,但没有任何效果。它在 iPhone 5 及更早版本上运行良好。我不明白。
最佳答案
根据我的检查,这是一个 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>
这应该有效。
关于html - 通过灯箱形式点击进入iPhone 6输入区,灯箱跳转页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39647967/