android - 软键盘打开的 cordova 全屏页面

标签 android css cordova jquery-mobile handlebars.js

我正在使用 cordova 开发一个 android 应用程序,但我遇到了一些软键盘问题。 (使用本教程:https://ccoenraets.github.io/cordova-tutorial/creating-view-classes.html)

当我点击我的测试设备 (nexus 5) 上的输入字段时,软键盘打开并且 View 变为可滚动,如预期的那样。 但是,如果您向上 ScrollView (请参阅下面的链接),页面 View 会缩小并且我的一些内容会漂浮在空白处(灰色是我测试的背景图像,当键盘打开时它缩小了大约 40%)

http://i57.tinypic.com/v6t89t.png

我启动了 JQuery 移动教程版本,他们没有这个问题。页面加载并完全滚动,我相信他们正在使用一些 JS 来硬设置主要元素的高度或其他相关内容。 有没有一种方法可以在不使用现有框架的情况下解决这个空白问题,因为我不想硬覆盖 JQuery 移动 CSS

干杯

最佳答案

你的问题出在 <meta> 标签中,我自己也有这个,通过将这些元添加到我的 index.html 文件的头部来修复它

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes"> 

关于android - 软键盘打开的 cordova 全屏页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27919870/

相关文章:

android - 构建 APK ionic/cordova 命令时出错,退出代码为 ENOENT

android - 样式中具有父属性的 xml 文件中 @ 的用途是什么

jquery - 检测文本区域何时滚动到底部

html - 样式未应用于 CSS 中的 H1 元素

android - android Activity 中的选项卡

android - 在android中单击按钮时如何将两个插入的文本显示到textview

jquery - 使用 jQuery 更改 div 可见性

ios - 如何通过 CLI 将 Cordova 应用程序部署到指定的 iPhone 设备?

jquery - PhoneGap + ajaxComplete 适用于所有浏览器,但从 PhoneGap 加载时不适用于 iOS。

cordova - 添加深层链接到 cordova 应用程序