我目前正在构建一个基于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应用程序,当键盘打开,只移动形式到顶部,而不移动背景,也没有标志?
我希望键盘缩小视图,将其大小调整为更小的东西,而不是用右侧的滚动条将其向上推。
- 谢谢-谢谢
2条答案
按热度按时间9udxz4iz1#
您可以使用keyboard plugin来完成此操作。安装插件,然后在config.xml文件中设置此首选项。
它的工作原理是将webview缩小到键盘上方的空间,所以这应该会给予你所描述的行为。
hivapdat2#
键盘收缩视图在iOS中不起作用。