Question

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

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。相应地更改上面的代码段

我应该怎样做才能确定我的离子3应用中页脚的位置？

2 个答案: