我应该怎么做才能在我的 ionic 3 应用程序中修复页脚的位置？答案

【问题标题】：What should i do to fix the position of footer in my ionic 3 application?我应该怎么做才能在我的 ionic 3 应用程序中修复页脚的位置？
【发布时间】：2018-08-27 21:22:37
【问题描述】：

在我的 ionic 3 应用程序中，当我单击输入字段时，键盘打开，我的页脚改变了它的位置，它位于键盘上方。我想修复 ionic 3 应用程序的布局，当键盘打开时，它不应该改变。

【问题讨论】：

标签： javascript ionic-framework ionic3 footer mobile-application

【解决方案1】：

当您的平台准备就绪时，您可以将键盘 disableScroll 设置为 true。像这样的：

platform.ready().then(() => {
  // Here I'm using the keyboard class from ionic native.
  Keyboard.disableScroll(true)
  StatusBar.styleDefault();
});

还要确保在您的 ngModule 中进行此更改：

IonicModule.forRoot(MyApp, { scrollAssist: false, autoFocusAssist: false } )

【讨论】：

嗨@Vinod Bhavani，我不明白，如何使用你的代码，请告诉我如何使用你的代码

【解决方案2】：

@Vinod 的回答完全禁用了键盘滚动。我猜你愿意移动整个视图除了页脚。（因为您希望用户在填写信息时让文本字段可见）。

您可以简单地使用 CSS，将页脚设置为：

.footer, ion-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

我不确定您使用的是 ion-footer 还是只是带有 .footer 类的 div。相应地更改上面的 sn-p ?

【讨论】：