离子iOS输入字段正隐藏在键盘后面

Question

I am trying to show ion-input at the bottom of page but It is getting hidden behind keyboard when keyboard visible after getting focus on same ion-input. Ionic page content is not getting scrolled up when keyboard visible. Kindly provide any solution.

Thanks!

Answer 1

I am facing same issue in my app and I apply below solution to show my input on top of the screen.

Use overflow property to scroll your content to top.

overflow-y: scroll;

Also if your app is in fullscreen mode you need to remove ( file : config.xml ) below line.

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

still facing any problem you can refer this ionic thread in this thread lots of tricks and tips mentioned to overcome this issue.

Thread Link : https://forum.ionicframework.com/t/scroll-to-the-focused-item-input-when-the-keyboard-is-up/422/15

Hope this will helps!

Answer 2

使用Ionic-Native键盘插件，我们可以禁用此设置。

this.keyboard.disableScroll(false);