输入字段没有集中在点击上并且在键盘后面消失

Question

我正在开发一个基于jQuery的应用程序。问题是我有一个输入字段，我点击它，我的手机弹出键盘。但是，该字段仍然在键盘后面，我需要滚动屏幕才能看到该字段。

在我的HTML页面中，我执行了以下操作：

<script>
      $('#div1').click(function() {
            $('#p2EmpContPer').focus();
        });
</script>

<div id= "div1" class="float-right mobile-input-container">
    <input id="p2EmpContPer" type="text" class="font14 format-decimal inline-block" value="" /> 
</div>

我想要的是当我点击输入字段时，我需要弹出键盘（已经有效），应用程序将关注该字段（我无法完成）。

问题仅出现在 Blackberry 设备上。

该应用程序是使用Cordova构建的。

Answer 1

您可以简单地告诉您的html将scrollTop滚动到输入字段的偏移量，如下所示：

#contact-form  {
    overflow:hidden;
    height:0px;
    transition:all 0.5s ease-in;
}
#contact-form.open {
    height:200px;
    background-color:#2e263d;
    color:#fff;
    padding:20px 0 40px 0;
}

检查

顺便说一句：我在您的代码中添加了几个Test Div，以使效果更加明显。