ionic bugFiexd- 键盘挡住input框解决方法

ionic bugFiexd- 键盘挡住input框解决方法_第1张图片
before


ionic bugFiexd- 键盘挡住input框解决方法_第2张图片
after

如果你碰到图1的这种想象,或许我的这篇文章可以给你启发。


我在用$ionicPopup.show时,当我们使用到了Input框时,相信大家就会碰到图1的bug: 一些元素就会被输入框挡住了。(原生IOS可以用iqKeyboardManager轻松解决。。。)

这里我参考了一些文档,用指令做了一个监听键盘事件,然后动态的改变元素的CSS.亲测可行!


直接上代码:


ionic bugFiexd- 键盘挡住input框解决方法_第3张图片

当然,我这个是针对$ionicPopup的,所以可能和你需求不同,但是简单改一下就可以了。

参考文章: ionic-键盘覆盖输入框和返回键问题解决方案

best wishes ~

你可能感兴趣的:(ionic bugFiexd- 键盘挡住input框解决方法)