當我第一次專注於文本框時,頁面跳轉(自動滾動)。在Android瀏覽器中,整個頁面在文本框內打字時會上下跳動?
然後,當我按鍵輸入時,頁面會一直跳躍(自動滾動)。
這是爲什麼?在iPhone和網絡上沒問題。
當我第一次專注於文本框時,頁面跳轉(自動滾動)。在Android瀏覽器中,整個頁面在文本框內打字時會上下跳動?
然後,當我按鍵輸入時,頁面會一直跳躍(自動滾動)。
這是爲什麼?在iPhone和網絡上沒問題。
如果一個網站在元素上有一個position:fixed;
css屬性,它將被鎖定到瀏覽器窗口的頁面的某個部分,因此打開鍵盤會改變窗口大小,從而改變所述元素的位置。如果您正在編寫一個您知道將通過手機使用的網站,請勿在輸入中使用position:fixed;
!
如果網站有position:absolute,也會發生這種情況。在我的情況下,一個div有文本框,並在其中輸入正在創建此行爲。 – WhatsInAName 2013-03-12 22:02:48
-webkit-transform: none;
固定對我來說。 Android是越野車:/
但是,只有當您將webkit轉換添加到父級div才能修復其他android webkit bug時纔是如此。
如果您使用position:fixed,這不是一個修復。我沒有立場:固定的元素。
如果你有絕對和固定的div,這可以鏈接到你的z索引:我已經寫了下面的規則:固定的div必須具有比頁面中的任何絕對div更高的z索引。
此處瞭解詳情: http://java-cerise.blogspot.fr/2012/02/android-browser-jumping-up-and-down.html
希望這有助於。
根據我的經驗,這是當網站對於手機來說過於激烈或者有很多'位置:固定的''種類的元素總是想留在與頁面相關的地方 – ProfSmiles 2012-01-14 09:59:18
@ProfSmiles絕對正確!這是「固定的」。 – user847495 2012-01-14 11:03:26
我會爲將來的參考添加一個答案 – ProfSmiles 2012-01-14 13:51:53