Phonegap，iOS上的屏幕鍵盤正在轉移我的內容

Question

我有一個phonegap應用，其基本布局由單擊某些項目時轉換div來控制。 縮短的版本如下所示：

的HTML

<body>
    <h1 class="main">
        The Market Coffee Cart
    </h1>
    <div class="app">


        <div id="home" class="page">
            <p> Welcome to the market coffee cart</p>
            <!-- <div class="leftHalf"> Login</div> -->
            <div class="guestLogin"> Continue as Guest</div>
        </div>



        <!-- KIND -->
        <div id="itemType" class="page right">
            <p>What would you like to order?</p>
            <div id="coffee" class="type">
                Coffee
            </div>
            <div id="tea" class="type">
                Tea
            </div>
            <div id="others" class="type">
                Soda and specialties
            </div>
            <div id="snack" class="type">
                Snacks
            </div>
        </div>
  </body>

負責顯示和隱藏事物的css看起來像這樣：

的CSS

.page {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.page.left {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.page.center {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.page.right {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.page.transition {
    -webkit-transition: .25s;
    transition-duration: .25s;
}

我遇到的問題是在某些頁面上需要輸入文本。 當文本框獲得焦點時，內容將移至左側，並且我的布局被破壞。 看照片。 我該如何預防？

注意

我已經從嘗試過的解決方案，在這里，並在這里在這里，但他們沒有任何效果。 他們將添加<preference name="KeyboardShrinksView" value="false" />和<meta name="viewport" content="initial-scale=1.0, user-scalable=0, width=device-width, height=device-height"/>但這什么也沒做。 有趣的是，每個人都警告不要設置最后一個屬性，但無論如何我還是嘗試了一下，但沒有成功。

這是我想要的樣子： 在此處輸入圖片說明

這是鍵盤出現（然后隱藏起來）后的樣子： 在此處輸入圖片說明

任何想法將不勝感激。

Answer 1

在設置keyboardshrinksview首選項之前，您是否嘗試過在cordova項目中安裝鍵盤插件？

https://github.com/apache/cordova-plugins/tree/master/keyboard

如果未首先安裝插件，則該首選項將無法按預期工作。

Phonegap，iOS上的屏幕鍵盤正在轉移我的內容

問題描述

1 個解決方案

解決方案1
0 2014-11-12 23:34:53

Phonegap，iOS上的屏幕鍵盤正在轉移我的內容

問題描述

1 個解決方案

解決方案1 0 2014-11-12 23:34:53

解決方案1
0 2014-11-12 23:34:53