我有一个移动网站，它等于聊天表单 - 聊天标题位于顶部，聊天记录位于下方，聊天页脚包含输入字段和提交按钮。
页脚看起来像这样：
<div class="chat_footer">
<textarea class="chatTextarea" id="chatTextarea" name="chatTextarea" tabindex="1" type="submit" maxlength="5000"></textarea>
<button id="send1" alt="Senden" type="button" onclick="sendTextMessage()"><i class="material-icons md-light">send</i></button>
</div>
在移动设备上，当软键盘弹出时，输入字段被推到顶部并且（根据需要）站在键盘正上方。正文具有overflow-y: auto，因此输入字段不会被键盘重叠。我的问题是，只要键盘处于打开状态，消息提交按钮#send1就会处于非活动状态（对点击事件没有反应）。这可以通过关闭键盘或设置正文overflow-y: hidden来解决。但是，在最后一种情况下，输入字段由键盘覆盖，我想避免使用。在使用Chrome和移动设备时，问题似乎就出现了。例如，FF和含铬的片剂都很好。有没有人知道如何达到提交按钮工作的状态，输入字段是否与键盘切换活动一起可见？
编辑：问题似乎是，当键盘打开时，聊天记录与提交按钮重叠。