【问题标题】:Ionic 2: ion-content doesnt scroll up on keyboardIonic 2:离子内容不会在键盘上向上滚动
【发布时间】:2017-06-15 18:36:18
【问题描述】:

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

现在,如果我点击 CVV 或邮政编码输入字段,键盘不会向上推动离子含量,因此 cvv 或邮政编码字段位于键盘上方。

如果我点击邮政编码字段,整个输入都会被键盘覆盖。没有滚动发生。在这个问题之前,当键盘打开时,内容会挤到键盘上方,但是如果内容太大,内容会挤,而不是挤到屏幕外。

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

【问题讨论】:

  • 解决方案对您有用吗?还是你解决了?我也有同样的问题。
  • @VivekSinha 我已经实现了所有 gabriels 积分。所以,我做了一个焦点指令,这样我就可以用字段上的布尔输入值来控制每个字段的焦点。我现在对应用程序中的每个输入都使用该指令。我会尽快在帖子中添加答案
  • @pezetter 能否请您发布更新,因为我也面临同样的问题。

标签: html angular ionic-framework sass ionic2


【解决方案1】:

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

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

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

【讨论】:

    【解决方案2】:

    我需要查看一些页面代码来提供帮助,但我也遇到了这个问题并通过这样做解决了:

    • 将我的所有输入包装在<ion-item> 标签上。
    • 使用离子输入标签(不是常规的<input> 标签)。
    • 将所有内容放在<form><ion-list> 中(您可能已经做过)。

    如果没有这个,我会遇到字段保持静态的问题,并将错误集中在许多输入类型上(textarea 是错误较多的类型)。

    【讨论】:

      猜你喜欢
      • 2020-09-09
      • 1970-01-01
      • 2022-08-12
      • 2017-08-06
      • 2022-10-09
      • 2019-08-14
      • 2016-10-09
      • 2017-08-11
      • 2018-06-02
      相关资源
      最近更新 更多