离子2：离子含量不会在键盘上向上滚动

Question

我正在创建一个Ionic 2移动应用，并且在输入字段和键盘方面遇到了一些问题。目前，我只是指iOS。这是没有激活任何输入的页面。

现在，如果我点击CVV或邮政编码输入字段，键盘不会推动离子内容，因此cvv或邮政编码字段在键盘上方处于焦点。

如果点击邮政编码字段，整个输入都会被键盘覆盖。没有滚动发生。在此问题出现之前，当键盘打开时，内容会挤在键盘上方，但内容会挤压，如果内容太大而不适合内容，则不会将其推出屏幕。

任何人都有关于如何做到这一点的建议？我认为它不需要任何插件来控制内容或键盘。它似乎与百分比样式有关。

Answer 1

我需要看一些页面代码才能提供帮助，但我也有这个问题并通过以下方式解决：

• 在<ion-item>标签上填写了所有输入内容。
• 使用的离子输入标签（不是常规<input>标签）。
• 将所有内容放在<form>或<ion-list>内（您可能已做过）。

如果没有这个，我就会发现字段保持静态的问题，并将错误集中在许多输入类型上（textarea是一个有更多错误的字段）。

Answer 2

对于滚动pb，我在这里写了一个黑客：https://github.com/ionic-team/ionic/issues/10629#issuecomment-395084125

在app.components.ts的构造函数中：

window.addEventListener("keyboardDidShow", () => {
    document.activeElement.scrollIntoView(false);
});