我有一个离子4应用程序,其中有一个输入的形式。
当用户点击输入时,它会打开键盘,但会隐藏内容,而不会滚动。
有什么办法吗?
这是我的代码:
<form #f="ngForm" (ngSubmit)="sendMail()">
<ion-item>
<ion-label position="floating">name
</ion-label>
<ion-input [(ngModel)]="senderName">
</ion-input>
</ion-item>
<ion-item>
<ion-label position="floating">mail
</ion-label>
<ion-input [(ngModel)]="senderMail">
</ion-input>
</ion-item>
<ion-item class="borderedTextArea">
<ion-textarea [(ngModel)]="mailText" style="height:150px;"></ion-textarea>
</ion-item>
<ion-button type="submit" style="float:left">send</ion-button>
</form>
7条答案
按热度按时间lp0sw83n1#
我用以下方法暂时解决了这个离子错误:
在您的.ts中
我希望它解决了你的问题
wydwbb8l2#
我通过降级键盘插件来解决这个问题
然后删除android平台并重新添加
i7uaboj43#
我也遇到过这个问题,但只是在android中,我所做的是创建一个脚本,获取焦点元素和键盘的高度,并使用jQuery添加了一个marginTop,以便在显示键盘时将主体移动到键盘上方,这是我的代码:
所需的库:
输入
不是一个优雅的解决方案,但它的工作
只需在此代码中进行一些更改,即可给予更好的体验
iaqfqrcu4#
只需使用ionFocus事件和scrollToBottom函数即可解决此问题,然后在ionFocus中调用它,这样当您聚焦输入时,您的内容将滚动到底部strong text
ecfsfe2w5#
你可以尝试一些组合
https://ionicframework.com/docs/api/input#events 和
https://developer.mozilla.org/de/docs/Web/API/Element/scrollIntoView(如果没有其他功能)
ua4mk5z46#
我目前正在使用Ionic4和Cordova 9以及所有最新的软件包,但是我在这个框架中找不到任何适合我的设置。最后我做了这个解决方案,它完全绕过了这个框架。它有一点动画,看起来还不错,所以我一直在使用它,直到这个框架正确地解决了这个问题。
global.scss
app.component.ts
92dk7w1h7#
您可以安装cordova-plugin-ionic-keyboard并编辑config.xml文件,然后添加以下代码行
cordova-plugin-ionic-keyboard
Android存在一个错误,该错误会阻止键盘在应用程序全屏显示时调整WebView的大小(即,如果使用StatusBar插件隐藏StatusBar)。如果将此设置设为true,则会添加一个解决方案,即使在应用程序全屏显示时也会调整WebView的大小。