我应该如何固定页脚在ionic 3应用程序中的位置？

Question

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

Answer 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 } )

Answer 2

@Vinod的答案将使键盘完全无法滚动。 我想您会愿意移动除页脚之外的整个视图。 （因为您希望用户在填写信息时使文本字段可见）。

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

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

我不确定您是使用ion-footer还是仅使用.footer类的div。 相应地更改以上代码段😉