IOS 7键盘在停用时会留下白色块(phonegap)

时间:2014-07-02 13:23:15

标签: html ios cordova

我正在为IOS制作一个phonegap应用程序,我遇到了一个问题 每当我打开键盘并点击它上方关闭它时,它会在屏幕上留下一个大的白色块。
enter image description here
正如您在上面的gif中所看到的那样,使用“完成”按钮退出键盘很容易修复,但我喜欢在点击“zoek档案”时有相同的行为。

我认为这是必须在xCode文件而不是html中解决的问题,但无论如何这里都是我的页面。

<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi" />
<script src="js/jquery-1.11.0.min.js"></script>
<script src="js/assyst_app.js"></script>
<link rel="stylesheet" href="CSS/style.css" type="text/css" />
</head>
<header>
  <nav class="cbp-spmenu cbp-spmenu-vertical cbp-spmenu-left transitions" id="cbp-spmenu-s1">
      <a id="su">Instellingen<span id="navIcon" class="icon-cog"></span></a>
      <a id="lo">Log uit<span id="navIcon" class="icon-logout"></span></a>
  </nav>
  <div class="navBar">
    <button class="navBut bgCol" id="showLeft" ><span class="icon-menu"></span></button>
    <div id="content"></div>
  </div>
</header>
<body onLoad="onLoadHolder()">
<div id="art">
<article id="relCont">          <!--            Phone               -->
    <form id="dossier-zoek">
        <input type="text" id="sea" name="search" class="regTXTBOX brdrCol" placeholder="Zoek">
        <button id="searchDos" class="bgCol">Zoek dossiers</button>
    </form>
    <h2 id="title" style="position:fixed; width:100%;" class="brdrCol txtCol">$!template.dossiers.list_title</h2>

    <div id="list" class="listDos">
        <table class="defTABLE">
            #foreach($row in $template.dossiers.data.records)
            <tr class="defTR">
                <td class="defTD">$!row.dossiernummer_c</td>
                <td class="defTD">$!row.inzake_c</td>
                <td class="defTD tableLink"><div class="icon-gt txtCol" id="$!row.dossier_id"></div></td>
            </tr>
            #end
        </table>
    </div>
</article>
</div>
<script>
            $(document).ready(onShowHolder());
</script>
</body>
</html>

有谁知道如何解决这个问题?我尝试添加元标记以进行缩放但它没有帮助。
我正在使用phonegap来构建此应用程序。

2 个答案:

答案 0 :(得分:0)

事实证明这是IOS中的一个错误,因为我将我的设备更新到IOS 8它的工作方式更好 白色区块仍然显示,但只有半秒钟,然后它再次消失。

答案 1 :(得分:0)

iOS 9也遇到了这个问题,我找到的解决方案是使用WKWebView而不是UIWebView,问题就消失了。

您可以在此处找到有关如何安装此内容的更多详细信息:https://github.com/Telerik-Verified-Plugins/WKWebView