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

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


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%

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,259评论 4 61
  • 体重减轻了。原因是人为制造音害的我失眠。21楼 2楼 19楼。15楼。 这些家制造噪音可恶 可恶 可恨。他们这些...
    房程君宝宝阅读 121评论 0 0
  • 一直以来,我都在纠结,总想生活的更有意义,可是,是如何的有意义,自己说不清。可能是获取更多的金钱,也可能是拥有更和...
    若简单阅读 444评论 0 1
  • 面向对象概念中的类是对具有特性和行为一类事物抽象描述,包含三个概念:类名,属性和方法。在Java中使用关键字cla...
    博为峰51Code教研组阅读 177评论 0 0