我應該如何固定頁腳在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。 相應地更改以上代碼段😉