我在 iOS7 上使用全屏(保存到主屏幕)iPhone Web 应用程序时遇到问题。
Typically, when an input is selected, it has scrolled into view above the keyboard.
但是,这似乎不会在 iOS7 上用于在全屏 Web 应用程序中滚动 DIV。
因此,当 DIV 使用“-webkit-overflow-scrolling: touch”并单击屏幕下半部分的输入时,会触发键盘,但输入不会向上滚动。
并且,那时,输入不会响应任何进一步的 onFocus 事件,否则我可以将其向上滚动。
有人看到解决方法吗?
最佳答案
更新视口(viewport)元标记为我修复了它。
我改变了这个:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
对此:
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />
height=device-height
是实际的修复(没有它,视口(viewport)会调整大小以适应键盘)。
关于scroll - 在 iOS 7 全屏 Web 应用程序上破坏 webkit-overflow-scrolling 表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18949647/