scroll - 在 iOS 7 全屏 Web 应用程序上破坏 webkit-overflow-scrolling 表单

标签 scroll ios7 iscroll iphone-standalone-web-app

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

相关文章:

jquery - 如何使用 jQuery 确定 DIV 顶部是否在屏幕 View 内?

javascript - 悬停时滚动链接文本 - 无尽的选取框效果

ios - TableView 滚动底层顶栏

javascript - window.dispatchEvent 在 Firefox、Safari 或 IE 中不起作用

android - iScroll 4 无法正常工作

css - <div> 上的垂直滚动在 <div> overflow-x : hidden Is Given On Touch Phone 时不起作用

c# - 如何在c#窗体中添加滚动条

ios - 如何以编程方式以模态方式呈现 View Controller ?

ios - 在iOS 7中的cellForRowAtIndexPath之后没有调用heightForRowAtIndexPath

android - iScroll 在 Android 中不起作用,除非你改变方向并返回