Android键盘覆盖在文本框问题上答案

【问题标题】：Android keypad overlaying on textbox issueAndroid键盘覆盖在文本框问题上
【发布时间】：2014-11-30 15:42:42
【问题描述】：

我们使用 mvc 和 jquery mobile 开发移动应用程序，当我单击 android 选项卡（10 英寸选项卡）中的文本框字段时，会出现 android 键盘。键盘隐藏了我的文本框字段，因此我无法看到我正在输入文本框的单词。小键盘覆盖文本框。

请帮我解决这个问题。

下面是我的文本框代码。

<div class="field" style="width:35%;font-size:1.75em;padding-top:1.5%">
            <input type="text" id="txtDPScanDirectLoc" autofocus="autofocus" />
   </div>

【问题讨论】：

是一个非常需要和重要的问题
css中是否隐藏了溢出？尝试这个。 $(document).on("pageinit", function (event) { $('input').on('focusin', function (event) { $(document).scrollTop(0); }); });

标签： c# android css asp.net-mvc jquery-mobile

【解决方案1】：

你可以试试这个命令：

"adjustPan"

使用它，活动的主窗口不会调整大小来为软键盘腾出空间。相反，窗口的内容会自动平移，因此当前焦点永远不会被键盘遮挡，用户始终可以看到他们正在输入的内容。这通常不如调整大小可取，因为用户可能需要关闭软键盘才能到达窗口的模糊部分并与之交互。

【讨论】：

【解决方案2】：

css中是否隐藏了溢出？尝试这个。 $(document).on("pageinit", function (event) { $('input').on('focusin', function (event) { $(document).scrollTop(0); }); });

【讨论】：