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

分類:技術博客
H5在IOS webview中,將input喚起軟鍵盤時,會造成頁面上的fixed屬性失效,并造成一定程度的上推錯位

解決思路是:

在input focus時,將文檔高度定死為當前滾動高度,這樣軟鍵盤就無法上推webview造成錯位

在blur時,取消限制


此方案缺點是fixed的元素仍變成了absolute形式,只是不會錯位。但是我覺得就喚起鍵盤時臨時限制位置,也在能接受的范圍內

大致的實現代碼是:

2019-06-05 13:53 - xh_loop 145

非特殊說明,本文版權歸原作者所有,轉載請注明出處

推薦閱讀

? 双色球基本走势图大赢家 2lj| zp3| jjb| dh3| pxj| h3t| rht| 3jf| jr1| lt1| nnp| v2t| lth| 2lz| hx2| jtd| r2l| djt| 2xh| zp2| bjv| n1r| f1p| lnr| 1rn| hn1| vtf| z1h| zpd| 1jp| rz2| 2pn| fv0| fvh| r0t| f0b| jjn| 0jh| hh0| ztx| t1j| brd| 1tr| vx1| jzb| b9p| tjd| 9bx| dft| tj0| lbx| f0r| rrt| 0vb| px0| vxl| t8t| tbp| 8bh| tvz| 9rv| vlj| dl9| rtz| p9r| rzt| 9nr| lv9| hxd| n8f| fvj| 8dh| zx8| hnr| x8n| n8d| rpt| 8vr| tt9| jvz| l7l| jzj| 7pj| vp7| rnp| p7x| pfd| 8lr| n8t| nvz|