Question

我为iOS 7+开始了一个新的Onsen-UI / Phonegap项目，当键盘出现与输入表单交互时，似乎无法修复HEADER BAR。当键盘出现时，它会将固定的标题栏推出屏幕。

在我关闭键盘后，它会再次显示标题。但是，这会让我的用户感到困惑，因为他们会提交＆＃39;按钮位于标题栏中。因此，除非用户关闭键盘，否则会丢失/混淆＆＃39;。

有什么建议吗？

-Dave

Answer 1

当键盘出现时，输入的表单元素将被聚焦并变为居中。因此，如果输入表单元素位于布局的下部区域，则键盘时出现时，表单元素变为居中，标题栏将向上移动并消失。

我认为你的布局应该改变。输入表单元素应位于上部区域。然后标题栏不会消失。

另一种解决方案是动态布局更改。在键盘出现之前，您可以改进通过javascript动态布局，在keybaord解散后你可以恢复布局。

例如，html是

<div class="upper_area">
...
</div>
<input type="text" class="input_name">.

upper_area是你布局中的东西。这意味着输入表单元素位于较低区域。 js是

$('#input_name').on('focusin' , function(e) {
  $('#upper_area').hide();
});

$('#input_name').on('focusout', function(e) {
  $('#upper_area').show();
});

此js在键盘出现之前动态更改布局。在键盘出现之前，输入表单元素变为上部区域。因此标题栏不会消失。

在上面的代码中，为了简单起见，我使用jQuery（版本＆gt; = 2.0.0）。

具有多个文本输入表单的页面上的Onsen-UI固定标题

1 个答案: