在Android PhoneGap應用程序中鍵入“使用JQTouch”時屏幕滾動？

Question

我已經使用JQtouch，Jquery和PhoneGap開發了一個應用程序。 在表單字段中鍵入內容時，每次輸入字符時，整個頁面都會上下滾動。 我到處都在尋找解決方案，但找不到解決方案。 這里也有類似的問題： https : //github.com/jquery/jquery-mobile/issues/638，但他的解決方案無法解決我的問題。

有誰知道為什么頁面會隨着文本框中的每個添加字符上下滾動？ 由於頁面太小，因此上下滾動很快，這很煩人。

Answer 1

將以下CSS放在所有其他CSS樣式之后的文件中：

    body {
        -webkit-perspective: none;
        -webkit-transform-style: flat;
    }
    body > * {
        -webkit-backface-visibility: visible;
        -webkit-transform: none;
    }

這應該可以解決您的問題（至少對我有用）。

Answer 2

我正在使用新的Beta版本（jqtouch-1.0-b4-rc），因此無法在Android 2.2或2.3上使用這些技巧。 最后，我在CSS的基礎上添加了以下內容來修復此問題：

#jqt ul li {
    -webkit-transform: none;
    position: relative; /* required to fix arrows */
}
#jqt ul li a {
    -webkit-transform: none;
}

Answer 3

在一個名為onload的初始化函數中嘗試一下：

函數preventBehavior（e）{e.preventDefault（）; }; document.addEventListener（“ touchmove”，preventBehavior，false）;

有關更多討論，請訪問http://groups.google.com/group/phonegap/browse_thread/thread/739525b7531b6d29/

Answer 4

我在Android 2.2上也遇到了同樣的問題。 我在CSS中添加了以下屬性，然后發現問題已解決。 有什么不同？ 我不知道，但是它對我有用：

html, body{overflow: hidden;}

試試這個，它也可能對您有用。