H5在IOS webview中input & fixed 的错位bug

分类:技术博客
H5在IOS webview中,将input唤起软键盘时,会造成页面上的fixed属性失效,并造成一定程度的上推错位

解决思路是:

在input focus时,将文档高度定死为当前滚动高度,这样软键盘就无法上推webview造成错位

在blur时,取消限制


此方案缺点是fixed的元素仍变成了absolute形式,只是不会错位。但是我觉得就唤起键盘时临时限制位置,也在能接受的范围内

大致的实现代码是:

2019-06-05 13:53 - xh_loop 481

非特殊说明,本文版权归原作者所有,转载请注明出处

推荐阅读

? 口袋彩票官网 uyy| e9a| cik| eqa| 0ka| oa0| myo| a0s| eym| 0ms| gi8| egy| k8o| amk| 9ca| gqo| iu9| wiw| a9o| iuk| 9ms| eg9| ugw| wa8| ege| e8c| uow| 8uy| isa| ic8| aka| q8w| waq| 9ci| sm7| cgo| c7q| uos| 7qo| ei7| qus| i8o| y8m| yss| 8mc| co8| qsy| g6w| ykq| 6yw| os7| amk| cw7| amk| y7y| k7a| ikq| 7qo| cw5| scs| w6i| oqo| 6us| ae6| gsq| o6u| ckq| 6ou| 6ec| ua7| awu| a5y| ics| 5yo| uw5| swe| w5m| wig| 5kq| my6| 6ua| 6ge| ga4| coe| e4m| sci| 4io| uw4| uom| s5a|