首頁 >後端開發 >php教程 >javascript - 怎麼解決蘋果5中input獲取焦點,軟鍵盤遮擋input的問題

javascript - 怎麼解決蘋果5中input獲取焦點,軟鍵盤遮擋input的問題

WBOY
WBOY原創
2016-12-01 00:57:091207瀏覽

現在遇到一個問題就是wap頁面在蘋果5手機上獲取焦點的時候會出現遮擋輸入框的問題,怎麼解決呀?
javascript - 怎麼解決蘋果5中input獲取焦點,軟鍵盤遮擋input的問題

回覆內容:

現在遇到一個問題就是wap頁面在蘋果5手機上獲取焦點的時候會出現遮擋輸入框的問題,怎麼解決呀?
javascript - 怎麼解決蘋果5中input獲取焦點,軟鍵盤遮擋input的問題

其實@三月懶驢 就是解決方法,也可參考weui demo中的。 。 。
javascript - 怎麼解決蘋果5中input獲取焦點,軟鍵盤遮擋input的問題

為什麼會擋住呢?個人猜測,你用了百分比來寫定位~如果要用百分比來寫的話,最外層的html height不要寫100%,用JS把頁面高度賦予它就好了

這個是由於position:fixed的原因所導致的。解:在取得焦點時用relative換掉fixed

@碼瘋 大家不用fixed寫吧。可以判斷點擊時輸入框上移也是解決方法。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn