position在移动端webview中和直接在browser中使用

以底部需要保持置底为例:


position在移动端webview中和直接在browser中使用_第1张图片
Paste_Image.png

简单的表格说明:

H5页面 webview 中 browser 中
ios系统 absolute ok ok
ios系统 fixed X(1) ok
Android系统 absolute ok X(2)
Android系统 fixed ok X (3)

ok: 说明无论页面内容总高度是否超过屏幕的高度,上下拉页面,或者键盘弹出时,都没问题

(1) 在webview中,上下拉页面,footer会跟着动,与原生效果不一致

(2)和 (3)Android中在browser中显示使用absolute或者fixed,只要页面内容总高度大于屏幕高度,在键盘弹出时页面会跟随上移,若小于屏幕高度,则不上移,表单可能被键盘遮盖,原因就是页面总高度小于屏幕高度造成的,此时可手动设置页面最小为屏幕高度的100%

你可能感兴趣的:(position在移动端webview中和直接在browser中使用)