ios - 离子键盘覆盖内容
问题描述
当我点击输入、键盘打开和覆盖内容底部时,我有一个问题。之前我使用过 ionic-plugins-keyboard,但是进入 ios12 之后这个插件就不能工作了。
"dependencies": {
"cordova-android": "^7.1.1",
"cordova-custom-config": "^5.0.2",
"cordova-ios": "^4.5.5",
"cordova-plugin-actionsheet": "~2.3.3",
"cordova-plugin-app-version": "git+https://github.com/whiteoctober/cordova-plugin-app-version.git",
"cordova-plugin-camera": "~2.3.0",
"cordova-plugin-console": "~1.1.0",
"cordova-plugin-crosswalk-webview": "^2.3.0",
"cordova-plugin-datepicker": "~0.9.3",
"cordova-plugin-device": "~1.1.3",
"cordova-plugin-facebook4": "~1.7.4",
"cordova-plugin-file-transfer": "~1.6.0",
"cordova-plugin-geolocation": "~4.0.1",
"cordova-plugin-googleplus": "git+https://github.com/EddyVerbruggen/cordova-plugin-googleplus.git",
"cordova-plugin-inappbrowser": "~2.0.2",
"cordova-plugin-inapppurchase": "~1.1.0",
"cordova-plugin-ionic-keyboard": "^2.1.3",
"cordova-plugin-ionic-webview": "^2.2.0",
"cordova-plugin-splashscreen": "^5.0.2",
"cordova-plugin-statusbar": "git+https://github.com/apache/cordova-plugin-statusbar.git",
"cordova-plugin-toast": "~1.0.1",
"cordova-plugin-whitelist": "~1.3.0",
"cordova-plugin-x-socialsharing": "~5.3.2",
"gulp-angular-templatecache": "^2.2.0",
"gulp-html-minifier": "^0.1.8",
"gulp-htmlmin": "^4.0.0",
"lodash._escapehtmlchar": "^2.4.1",
"lodash.defaults": "^4.2.0",
"phonegap-plugin-push": "~2.2.3"
},
"devDependencies": {
"@ionic/cli-plugin-gulp": "1.0.2",
"@ionic/cli-plugin-ionic1": "2.0.1",
"bower": "^1.3.3",
"del": "^2.2.0",
"gulp": "^3.9.1",
"gulp-concat": "^2.6.0",
"gulp-if": "^2.0.0",
"gulp-imagemin": "^4.1.0",
"gulp-inject": "^3.0.0",
"gulp-jscs": "^3.0.2",
"gulp-jshint": "^2.0.0",
"gulp-load-plugins": "^1.1.0",
"gulp-minify-css": "^0.3.13",
"gulp-print": "^2.0.1",
"gulp-rename": "^1.2.2",
"gulp-sass": "^2.1.1",
"gulp-tsc": "^1.1.4",
"gulp-util": "^2.2.14",
"jshint": "^2.8.0",
"jshint-stylish": "^2.1.0",
"jspm": "^0.16.46",
"shelljs": "^0.3.0",
"wiredep": "^2.2.2",
"yargs": "^3.31.0"
}
这个问题在 ios 11 和 ios 12 上,早期版本我没有检查。
解决方案
我发现了问题,发生这种情况是因为ion-content
position: absolute
,我修复了它position: relative
。
推荐阅读
- javascript - 无法解决错误未处理的承诺拒绝和 NoSuchSessionError
- python - Nest_asyncio 的正确使用/使用限制?
- python - 为什么我的 app_name 通过导航到 URL 链接显示为复数?[登录]
- r - R中的估计边际均值mancova
- javascript - javascript 警报打印对象对象
- wpf - 基于资源字典中样式的按钮样式
- javascript - Angular 8 DomSanitizer 白名单?
- r - Stargazer 和 GAMM 模型
- python - 将多处理池应用于以多个列表作为参数的函数
- angular - 如何删除 TypeScript 自动导入中的“type”关键字?