Cordova 通过IONIC在IOS应用程序中显示键盘时隐藏页脚

Cordova 通过IONIC在IOS应用程序中显示键盘时隐藏页脚,cordova,ionic,Cordova,Ionic,我对页脚栏有一个问题,当一个输入被聚焦(在离子内容中)时,键盘出现,页脚停留在键盘上方。问题是它隐藏了输入下的内容,特别是在横向模式下,因此隐藏了显示在聚焦输入下的popover 有人知道如何解决这个问题吗?当键盘出现时,我可以隐藏页脚吗 感谢: 要在键盘打开时隐藏元素,请添加“在键盘打开时隐藏”类 所以基本上你只需要把这个类添加到你的页脚 声明一个文档变量,如下所示:- 申报var文件:有 使用本机keybaord插件订阅键盘显示和隐藏事件,如下所示:- Keyboard.onKeyboa

我对页脚栏有一个问题,当一个输入被聚焦(在离子内容中)时,键盘出现,页脚停留在键盘上方。问题是它隐藏了输入下的内容,特别是在横向模式下,因此隐藏了显示在聚焦输入下的popover

有人知道如何解决这个问题吗?当键盘出现时,我可以隐藏页脚吗

感谢:

要在键盘打开时隐藏元素,请添加“在键盘打开时隐藏”类


所以基本上你只需要把这个类添加到你的页脚

  • 声明一个文档变量,如下所示:-

    申报var文件:有

  • 使用本机keybaord插件订阅键盘显示和隐藏事件,如下所示:-

    Keyboard.onKeyboardShow().subscribe((值)=>{ document.body.classList.add('hide-on-keyboard-open'); }

    Keyboard.onKeyboardHide().subscribe((值)=>{ document.body.classList.remove('hide-on-keyboard-open'); }

  • 添加css:-

    body.hide-on-keyboard-open.滚动内容{ 页边距底部:0px!重要; }

    body.hide-on-keyboard-open.footer{ 显示:无; }

  • 就这样,你可以走了
    这是因为您使用的是ionic-v1。v2以后不支持它。
    SET 
    cordova.plugins.Keyboard.disableScroll(true); 
    AS 
    cordova.plugins.Keyboard.disableScroll(false);
    inside ur app.js file.
    this code worked for me.try it out.