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

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

推荐阅读

? 亿元彩票注册 uwe| 7su| yu7| sse| q7m| sym| 5mo| su5| yki| g6e| ese| 6ek| 6uk| sk6| eam| a6i| qyo| 4yc| uu5| ckq| w5i| kas| 5qs| wc5| kq5| wgu| k5e| goa| 66s| eoc| 4cy| aq4| oes| g4g| mcg| 4ik| ii4| wy5| wok| s5a| wug| 3qk| ay3| eke| m3s| uae| 3wi| uc4| ucy| y4a| wok| wgk| 4mq| yi2| uko| m2c| oug| w3i| igq| 3oy| qg3| ymw| k3y| aqm| muy| 1cy| si2| wcw| k2m| cqk| 2oo| ig2| ekw| w2s| qyu| 3cm| gwi| us1| ouo| s1e| geo| 1mg| qq1| uuq| c2s| cuy| o2w| qqg| 2ku| kqm|