首页 文章

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

提问于
浏览 次
4

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

enter image description here

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

enter image description here

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

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

html angular ionic-framework sass ionic2

2 回答

  • 1

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

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

    window.addEventListener("keyboardDidShow", () => {
    document.activeElement.scrollIntoView(false);
});
    回复于
  • 0

    我需要看一些页面代码来帮助，但我也遇到了这个问题并通过以下方式解决：

    • 对 <ion-item> 标签上的所有输入进行了包装 .

    • 使用的离子输入标签（不是常规的 <input> 标签） .

    • 将所有内容放在 <form> 或 <ion-list> （你可能已经做过） .

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

    回复于

相关问题