个人中心
文章发布
退出
作者热门文章
- r - 以节省内存的方式增长 data.frame
- ruby-on-rails - ruby/ruby on rails 内存泄漏检测
- android - 无法解析导入android.support.v7.app
- UNIX 域套接字与共享内存(映射文件)
27
4
我已经为这个问题苦苦挣扎了一个多星期，如果能得到任何帮助，我将不胜感激。我会按照我的理解来解释这个问题，但如果我说错了，请指正。
在 iOS 7.0.x 中，当键盘显示出来时， WebView 会调整大小，这样键盘占用的区域就不会被视为视口(viewport)窗口大小的一部分。在 7.0 之前，Cordova Keyboard 插件处理此 Web View 大小调整。由于 7.0 native 以所需方式处理键盘显示，因此键盘 shrinkView config.xml 的选项文件在这次提交时变成了“No-op”:
https://github.com/apache/cordova-plugins/commit/20215013bf91b659b73d5f428ae91dd58be1273a
但是，在 7.1 中，键盘占据的区域出现在 WebView 之上。这有一个痛苦的副作用。假设您想在前面加上 <div>带有文本区域的正文(例如发表评论或聊天回复)，即；
<body>
<div id="app">...</div>
<div id="reply">
<textarea></textarea>
</div>
</body>
示例 CSS:
body {
position: fixed;
top: 0;
bottom: 0;
right: 0;
left: 0;
overflow: hidden;
}
#reply {
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
每当您聚焦或输入到文本区域时，Web View 将 native 重新居中输入字段。由于 WebView 仍然考虑屏幕的整个高度，div 不会固定在底部，从而破坏布局。
我试过以下方法:
为正文和固定的 div 使用 CSS。位置固定/绝对似乎没有什么区别。为 body 设置明确的高度没有任何作用。
元视口(viewport)选项的所有可能组合。这是我目前正在使用的:
<meta name="viewport" content="user-scalable=no, initial-scale=1, minimum-scale=1, maximum-scale=1, width=device-width, height=device-height, minimal-ui" />
取消注释 cordova 键盘插件中的“No-op”。这仍然会像在 iOS 7.0.x 中那样破坏布局。
在 input 上有 JS 事件监听器和 focus事件以继续计算底部偏移量以将 div 保持在底部。这非常令人不安，因为它与将输入字段居中的 native Web View 行为作斗争。
更改元标记以在显示/隐藏键盘后设置明确的高度。
我正在使用 Cordova 3.4.0-0.1.3
有没有其他人遇到过这个问题？有什么解决方案或想法吗？
最佳答案
对我来说，一个快速修复涉及在输入失去焦点时强制窗口滚动回原位:
$("input").on('blur',function(){
//set brief timeout to let window catch up
setTimout(function(){
//reposition at top left corner of screen
window.scrollTo(0,0);
},20);
});
希望对您有所帮助!
关于javascript - Cordova/Phonegap 3.4.0 iOS 7.1 - 键盘/Web View 问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/22773709/
27
4
0
我使用plugman命令在cordova中创建了一个插件 它创建了所有必需的文件。然后我在插件中添加了android平台。 然后我尝试将它添加到 cordova 应用程序中。我成功添加了它，但是当我尝
我使用plugman命令在cordova中创建了一个插件 它创建了所有必需的文件。然后我在插件中添加了android平台。 然后我尝试将它添加到 cordova 应用程序中。我成功添加了它，但是当我尝
我正在尝试在较旧的 Atrix 上安装一个应用程序，在 S3 上运行良好。搜索论坛可能的问题是SDK版本较高(Atrix是4.0.4)。修复显然是在设置 API 级别。 但是当我运行 cordova
使用 cordova build在一个为期一年的项目中提出: :processDebugResources my_project/platforms/android/build/intermediat
我有一个可以创建文件的可运行应用程序。 我正在寻找一种工作后数小时从cordova应用程序中删除文件的方法。我似乎无法使其正常工作。 这是用于创建和删除文件的代码: function crea
有什么区别吗Cordova 构建 Android 和 Cordova 准备 Android 命令？ Reference is added here 最佳答案 准备将您的 www Assets 和任何插
我检查了文档，但没有找到关于此命令的明确说明。 那么，有谁知道cordova prepare命令的作用是什么？ 是否更新特定于平台的www文件夹？ 如果是，它将复制根www的全部内容吗？ 它会更新平台
我们正在开发正在使用Cordova(专用于Ionic)的移动应用程序，并且正在使用PhoneGap PushPlugin和Amazon SNS进行推送通知。反过来，这会撞到我们与Amazon SNS进
我正在使用Vue，Webpack和Cordova。 Videos 如果我在没有Cordova的情况下加载页面，并且在Firefox浏览器中，则可以使用Youtube视频上的全屏图
因此，我尝试在我的(正在运行的)Ionic应用程序中安装一个新插件，该文件名为https://ionicframework.com/docs/native/firebase-dynamic-links
我像这样安装了cordova: C:\Windows\system32>npm install -g cordova 我明白了: C:\Users\cyril\AppData\Roaming\npm\
我有一个 cordova 应用程序，我使用以下代码捕获了后退按钮: document.addEventListener("backbutton", function (e) { bac
如何在 Cordova 中的蓝牙设备和 Android/iOS 之间发送和接收一系列数据字节？ 我的项目的详细信息: 我正在开发一个蓝牙传感器设备。设备以一系列字节的形式发送数据。它还对设备 API
我是 cordova 开发的新手。我使用 Onsen UI (1.2.1) 作为布局框架。ons-toolbar 上的标题有问题。 someTextHere 如果我在 ripple 上运行
我有一个启用了平台浏览器的 Cordova 应用程序。我想在 Chrome 中使用摄像头，但调用摄像头根本没有任何反馈。它在我的 Android 设备上就像一个魅力。 我通过这个命令启动:cordov
我对thid docs https://firebase.google.com/docs/android/setup#available_libraries中提到的根级和应用程序级的路径目录感到困惑
喜欢这些插件 https://github.com/ArchieGoodwin/SilentShot https://github.com/alongubkin/phonertc 他们没有 tarba
我有一个 Angular 2 应用程序，我正在将其构建到 cordova 中并部署到 Android/IOS。我没有使用 ionic，我见过许多使用 ionic 的解决方案，但我现在无法将整个项目转换
当我发出命令时，在带有 Cordova 的 Ionic 3 中: ionic cordova run android --emulate 它给出以下消息: BUILD FAILED in 3s
我无法在 ionic 5.2.4v 中安装软件包 cordova-res 并收到以下错误。 命令:cordova-res C:\hanu\cordova-res-master\cordova-res
我是一名优秀的程序员,十分优秀！