鍵盤顯示亂七八糟的元素的位置

我有遊戲，需要移動的觸摸鍵盤的輸入。它的顯示有問題，每當鍵盤出現在文本輸入焦點時，我的所有元素的位置：絕對全部搞砸了。鍵盤顯示亂七八糟的元素的位置

是否有一個插件，使移動鍵盤始終顯示，以便我重新定位所有元素，或者我需要改變CSS來使元素，以便在鍵盤顯示時不會弄亂？

我該如何實施？

這是元素的CSS之一：

#mixer{ 
    position: absolute; 
    bottom:29%; 
    left:25%; 
    width: 234px; 
    height: 210px; 
    background: transparent url(img/mixer.png) 0 50px no-repeat; 
}

enter image description here

注：我使用jQuery Mobile的，PhoneGap的Android上的環境。

來源

2012-11-05 shoujo_sm

你能提供更多的信息嗎？像HTML和相關的風格。 –

在你的AndroidManifest.xml中，添加以下行活動下使用鍵盤：

android:windowSoftInputMode="adjustNothing"

來源

2012-11-15 14:16:59 Heigo

我認爲你的問題是你的Bottom屬性設置爲「在這種情況下」29％。你可能想把它設置爲絕對的TOP而不是底部。

這樣它將從頂部推而不是看底部，在這種情況下是鍵盤。

所以你想在29％的底部，100 - 29 = 71 刪除最低29％，並將其更改爲最高71％。

來源

2012-11-10 05:33:05

它仍然改變我的元素 –

我相信你將不得不以像素爲單位指定它以獲得一個固定的位置，否則這個答案應該是正確的。 – enzipher

聽取顯示/隱藏軟鍵盤事件。在SO這個答案有一個代碼示例：

Softkeyboard event Listener in Android

當Softkeyboard在顯示狀態，使用一個單獨的「鍵盤是圖示的」 CSS爲你的遊戲。當軟鍵盤被隱藏時，恢復到之前的「鍵盤關閉」CSS。

這在類似的情況SO交易之前常見&答：

phonegap application layout issue with soft keyboard in Android 2.3.6 and in iPhone 5.0

來源

2012-11-15 07:04:55

我在iPad應用程序中遇到了這個問題，而不是android，但它看起來像是同樣的問題。

當尺寸發生變化時，jQuery mobile會使用javascript設置頁面高度 - 與頁面底部對齊的任何內容都會在html中上移，同時OS會滾動整個視圖以保持輸入的上一個位置可見。

我解決了一些使瀏覽器忽略高度設置的問題。它也使定位變化更加順暢。

.ui-mobile, .ui-mobile .ui-page { 
    min-height: 100% !important; 
    }

來源

2012-11-16 03:16:12

查閱這些鏈接 -

http://android-developers.blogspot.in/2009/04/updating-applications-for-on-screen.html

http://developer.android.com/reference/android/R.attr.html#windowSoftInputMode

嘗試增加清單中的android：windowSoftInputMode = 「adjustResize」參數到你的活動代碼。

希望它有幫助。

來源

2012-11-16 15:19:55

鍵盤顯示亂七八糟的元素的位置

回答

相關問題