以底部需要保持置底为例:
简单的表格说明:
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%