html - 在 iPhone 上打开键盘时 Cordova 应用程序滚动

Question

我目前正在构建基于 Cordova 的 Web 应用程序。

当用户决定将焦点放在文本框上并且键盘打开时，整个应用程序都会向上滚动，包括背景和所有固定元素。

在下面的示例中，背景应用于 html 标签， Logo 位置固定。

html {
    background: url('background.jpg') center center;
    background-size: cover;
    height: 100vh;
    overflow: hidden;
}

.logo {
    top: 80px;
    position: fixed;
    text-align: center;
}

基于网络的 cordova 应用程序有没有一种方法，当键盘打开时只将表单移动到顶部，而不移动背景，也不移动 Logo ？

我希望键盘可以缩小 View ，将其调整为更小的尺寸，而不是使用右侧的滚动条将其向上推。

谢谢。

Answer 1

您可以使用 keyboard plugin为了这。安装插件，然后在 config.xml 文件中设置此首选项。

<preference name="KeyboardShrinksView" value="true" /> 

它的工作原理是将 webview 缩小到键盘上方的空间，所以这应该会给你描述的行为。