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

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

WBOY
發布: 2023-03-02 09:10:01
原創
1211 人瀏覽過

現在遇到一個問題就是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寫吧。可以判斷點擊時輸入框上移也是解決方法。

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板