时间戳

首页 > 解决方案 > 键盘 iOS (Chrome) 使用绝对位置隐藏输入

ios - 键盘 iOS (Chrome) 使用绝对位置隐藏输入

问题描述

我有一个显示输入文本框的组件

<div class='container'>
    <input type="text" />
</div>

我的风格是：

.container {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 100;
}

当我单击输入文本时，该行为仅在 iOS (Chrome) 上，键盘打开并隐藏输入文本。

IMG 1：底部输入和键盘关闭

IMG 2：键盘打开

在此处输入图像描述

我希望输入文本保留在屏幕上，以便我可以看到我正在输入的内容。

收件箱聊天中的 twitter mobile 也会出现同样的问题。

谢谢

标签： ioscss

解决方案

推荐阅读