通过灯箱形式点击iPhone 6上的输入区域,灯箱会向下跳转页面

时间:2016-09-22 20:03:48

标签: html ios css html-input iphone-6

我在iPhone 6上遇到了一个问题,只有我在灯箱中弹出的表单以及在灯箱上点击输入时跳出页面的视图。在您开始键入灯箱后,跳回到视图中并将保留到已填写的任何连续输入的位置。

可以对此进行测试here,只需点击"快速链接"下的任何绿框。你会看到。

有没有人遇到过这个问题,如果有的话有没有合适的解决方案? CSS? JavaScript的?什么?

我尝试过各种各样的黑客攻击,但没有任何工作。它在iPhone 5和之前的工作正常。我不明白。

1 个答案:

答案 0 :(得分:0)

从我的检查中看出它是一个CSS问题。你的顶级lity <div>有top,left,right,bottom:0 - 这将使它成为网站的整个高度(约5000px) - 你真正想要的是它是视口的高度(约600px,具体取决于设备)。去掉底部:0,加高度:100vh;在CSS中,顶级.lity-iframe <div>以及.lity-wrap <div> - 也就是说div可能不需要位置:固定,因为它已经在位置内:修复; lity-iframe <div>

这应该有效。