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

Posted 2023-03-05

【中文标题】通过灯箱表单点击进入iPhone 6输入区，灯箱跳下页面

【英文标题】：Clicking into input area on iPhone 6 through a lightbox form, lightbox jumps down the page

【发布时间】：2017-01-31 13:24:00

【问题描述】：

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

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

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

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

【参考方案1】：

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

应该可以的。

【讨论】：

嗨@MikeEllis 我做了建议的更改，现在它刚刚上升到顶部。它没有保持专注。

您可以继续使用相同的链接。