屏幕键盘覆盖固定位置输入离子-Java 学习之路

我试图在离子中构建一个简单的消息传递视图 . 我的观点如下：

我的问题是当我将输入聚焦在iO上时，键盘覆盖输入，但是在Android设备上，输入随着出现的键盘一起移动 .

我的理解是，如果我使用position：fixed并指示底部值（例如，bottom：16px），当键盘打开和不打开时，输入应该在页面折叠上方16px处出现 .

作为参考，这是我尝试将输入集中在实际的iOs设备上时得到的结果 .

1 回答

我有离子textarea这个问题 . 我正在使用离子4 beta 17 - 离子键盘2.1.3我仍然没有使用原生键盘，但也许会尝试 . 我所做的是连接keyboardDidShow事件并将活动文档滚动到视图中 . 看看这段代码：

ngOnInit() {
  window.addEventListener('keyboardDidShow', () => {
    const el = document.getElementById('myElement'); 
//myElement would be the input you have. Or you can just scroll into view the active element, like
// document.activeElement.scrollIntoView();
    if (document.activeElement === el)
      el.scrollIntoView();
  });
}

回复于 2024-05-03T13:43:30+08:00

屏幕键盘覆盖固定位置输入离子

1 回答

相关问题