`
xingyx
  • 浏览: 58845 次
  • 性别: Icon_minigender_2
社区版块
存档分类
最新评论
  • 52p9_xu: 感谢分享,本人最近闲来无事也想搭建一个 全注解的SSH框架。不 ...
    SSH注解框架

IONIC键盘弹出时,页面自动上移,导致上部元素不能显示的解决方法

阅读更多

原文出处:http://blog.csdn.net/jiangbo_phd/article/details/52438418,感谢作者的分享。

keyboard

该问题只出现在IOS中。

 

在Android 和 iOS中, Ionic会试图阻止键盘的模糊输入以及聚焦元素,任何可以获取焦点的元素必须在一个滚动视图或一个类似于带有滚动视图的Content指令内。

在获取焦点时,它会试图阻止原生的滚动溢出,这可能会导致布局问题,比如将header挤到上面,并超出视野。

键盘修复可以和Ionic键盘插件最好的协同工作,尽管没有它,Ionic键盘插件也会执行良好。然而,如果你使用Cordova的话,就没有理由不用该插件。

使用步骤:

1.安装插件

cordova plugin add ionic-plugin-keyboard

这个插件是ionic在原有keyboard插件的基础上做了一些设置更改。

2.js中的代码配置

window.ionic.Platform.ready(() => { if (window.cordova && window.cordova.plugins.Keyboard) { window.cordova.plugins.Keyboard.hideKeyboardAccessoryBar(false); if (window.ionic.Platform.isIOS()) { window.cordova.plugins.Keyboard.disableScroll(true); } } });

说明:下面这段代码就是禁止header向上移动的。

window.cordova.plugins.Keyboard.disableScroll(true);

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics