1. 首頁
  2. 問答
  3. 鍵盤顯示亂七八糟的元素的位置

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

2012-11-05 30 views
9

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

是否有一個插件，使移動鍵盤始終顯示，以便我重新定位所有元素，或者我需要改變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

+0

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

回答

18

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

android:windowSoftInputMode="adjustNothing"

來源

2012-11-15 14:16:59 Heigo

1

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

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

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

來源

2012-11-10 05:33:05

+0

它仍然改變我的元素 –

+0

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

1

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

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

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

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

來源

2012-11-16 03:16:12

相關問題

 相關問題