【问题标题】:Opening keyboard in Ionic iOS app moves the background image up在 Ionic iOS 应用程序中打开键盘会向上移动背景图像
【发布时间】:2019-08-11 22:27:18
【问题描述】:

在 iOS 中打开键盘时,我的 ion-content 的背景图像会向上移动。我怎样才能阻止这个? 我使用的是电容器而不是 Cordova。

<ion-content>
  <div class="content">

.content {
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  background: url("./../../../assets/img/login-bg.jpg") no-repeat fixed center;
  background-size: cover !important;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: left;
}

我已经在 AndroidManifest.xml 中有一个适用于 Android 的解决方案:

<activity android:windowSoftInputMode="adjustPan" />

【问题讨论】:

    标签: ios ionic-framework capacitor


    【解决方案1】:

    对于 iOS,将此添加到电容器.config.json

    {
      "plugins": {
        "Keyboard": {
          "resize": "body",
          "style": "dark"
        }
      }
    }
    

    在此处查看文档:https://capacitor.ionicframework.com/docs/apis/keyboard

    对于安卓: 将此添加到 AndroidManifest.xml:

    <activity android:windowSoftInputMode="adjustPan" />
    

    【讨论】:

    • 我如何在 ionic v4 中做到这一点(我不使用电容器)
    猜你喜欢
    • 1970-01-01
    • 2017-02-25
    • 2020-04-18
    • 1970-01-01
    • 2018-06-02
    • 2022-10-09
    • 2017-08-06
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多