在iOS 7全屏网络应用程序上的webkit溢出滚动窗体破损

在iOS 7全屏网络应用程序上的webkit溢出滚动窗体破损,第1张

概述我在iOS7上有一个全屏(保存到主屏幕)iPhone iPhone应用程序的麻烦. 通常,当选择输入时,它已经滚动到键盘上方的视图中. 不过,在iOS7上似乎并不会在全屏网络应用程序中滚动DIV. 因此,当DIV使用“-webkit-overflow-scrolling:touch”,并且点击屏幕下半部分的输入时,键盘被触发,但输入不向上滚动. AND,当时,输入将不会对任何进一步的onFocus 我在iOS7上有一个全屏(保存到主屏幕)iPhone iPhone应用程序的麻烦.

通常,当选择输入时,它已经滚动到键盘上方的视图中.

不过,在iOS7上似乎并不会在全屏网络应用程序中滚动div.

因此,当div使用“-webkit-overflow-scrolling:touch”,并且点击屏幕下半部分的输入时,键盘被触发,但输入不向上滚动.

AND,当时,输入将不会对任何进一步的onFocus事件做出反应,否则我将无法将其滚动.

任何人看到解决方法?

解决方法 更新视口元标签为我修复它.

我改变了这一点:

<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,target-densityDpi=device-dpi" />

height = device-height是实际的修复(没有它的视口调整大小以容纳键盘).

总结

以上是内存溢出为你收集整理的在iOS 7全屏网络应用程序上的webkit溢出滚动窗体破损全部内容,希望文章能够帮你解决在iOS 7全屏网络应用程序上的webkit溢出滚动窗体破损所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1110900.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-29
下一篇 2022-05-29

发表评论

登录后才能评论

评论列表(0条)

保存