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

标签 html ios css html-input iphone-6

我在 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/

相关文章:

css - "translated"盒子的盒子阴影落在兄弟盒子上

javascript - 单击时使用 jquery 清除列表

ios - 使用 UISegmentedControl 更改 UIPickerView 标签

iOS 8.3 UiAlertView 关闭苹果键盘

javascript - 新的 Google 日历登陆页面滚动

html - Outlook 2010 在收到的电子邮件中显示大图

javascript - 如何修复非白色背景的 grumble.js jQuery 插件(气泡弹出窗口)?

javascript - Ubuntu的最佳网页编辑器

android,主屏幕上的网络应用程序图标而不是通用图标,apple touche 图标 : apple-touch-icon-precomposed

ios - 点击UiButton时如何解决Bad access thread?