IOS中移動開發input彈出輸入法後position:fixed;失效的問題解決

在ios的瀏覽器中若是頁面存在fixed定位的元素(通常是header和footer),在點擊input喚醒輸入框時會把這個元素的佈局弄亂,總之就是不正常了,這讓移動端前端開發人員很是鬱悶.網上有不少解決辦法,感受都比較複雜.

使用了一個簡單的辦法,適用於一些情景:

點擊input時focus事件觸發,將fixed佈局的元素改成absolute,使元素再也不浮在屏幕上;失去焦點時blur事件觸發,再改成fixed佈局,還原便可.