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

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

解决思路是:

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

在blur时,取消限制


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

大致的实现代码是:

2019-06-05 13:53 - xh_loop 3053

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

推荐阅读