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

yjghlzjz  于 2022-11-15  发布在  其他
关注(0)|答案(2)|浏览(142)

我目前正在构建一个基于Cordova的Web应用程序。
当用户决定聚焦于文本框并且键盘打开时,整个应用程序向上滚动,包括背景和所有固定元素。
在下面的示例中,背景应用于html标记,徽标位置固定。

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

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

有没有一种方法与一个基于网络的cordova应用程序,当键盘打开,只移动形式到顶部,而不移动背景,也没有标志?
我希望键盘缩小视图,将其大小调整为更小的东西,而不是用右侧的滚动条将其向上推。

  • 谢谢-谢谢

9udxz4iz

9udxz4iz1#

您可以使用keyboard plugin来完成此操作。安装插件,然后在config.xml文件中设置此首选项。

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

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

hivapdat

hivapdat2#

键盘收缩视图在iOS中不起作用。

相关问题