2012-08-27 74 views
2

我有一個jquery移動頁面,其中有一個文本框。在點擊文本框時,虛擬鍵盤出現在電話屏幕上。android 2.3.3固定頁腳問題

問題從這裏開始。如果我在android 2.3.3中運行該頁面,則隨着鍵盤出現,頁面上的頁腳就會出現。但是當我在ICS上運行我的頁面時,不會發生這種情況。我知道在Android 2.3.3中存在與標頭和頁腳的固定位置有關的錯誤(github link)。

這個問題是否有同樣的原因?

請幫忙!!謝謝 !!

回答

5
  1. 確保加入這個薈萃禁止在您的應用程序縮放 - 標記你的頭:

    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

  2. 與頁腳創建你的頁面,你通常會。確保不添加data-position="fixed"

  3. 相反,一類 「fixedFooter」 添加到頁腳的類屬性:class="fixedFooter"

  4. 在你的CSS創建類 「fixedFooter」(-file):

    .fixedFooter 
    { 
        position: fixed !important; 
        left: 0px !important; 
        right: 0px !important; 
        bottom: 0px !important; 
        z-index: 999 !important; 
    } 
    
+0

第一步缺少: fuqi

1

如果你的代碼工作在ICS和Android的2.3.x版本無法正常工作,這是因爲在style="position:fixed;"

2.3.x版本的bug

在你的HTML頭變元這樣:

<meta name="viewport" content="width=device-width, initial-scale=1.0, 
    minimum-scale=1.0, user-scalable=no"/> 

這解決了Android的2.3.x版本的問題。

更多信息:
http://benfrain.com/easy-css-fix-fixed-positioning-android-2-2-2-3/
http://bradfrostweb.com/blog/mobile/fixed-position/

編輯:
我不建議改變視所有設備。它可能會導致不同的行爲,如用戶不能進行縮放,捏等。應檢測訪客是否使用薑餅設備,如果用戶有薑餅,則更改視口。要檢查Android版本,您可以使用:
Detecting Android Browser (from v. 1 to 2.3 firmware) in PHP