请选择 进入手机版 | 继续访问电脑版
帖子
帖子
用户
博客
课程
显示全部楼层
9
帖子
1
勋章
2873
Y币

apicloud头部沉浸式的问题解决办法

[复制链接]
发表于 2016-8-11 07:53:25
初次写分享帖,也不知道从那下手才好!老司机可以略过哈!
最近论坛QQ群里新手都问到这个问题,现在我把我的实现思路发上给大家参考一下,谈不上技术帖。
第一步:在首页或者在启动页做判断机型是否支持沉浸式
var statusBarAppearance = api.statusBarAppearance; // 比如: true
代码我就不写了都是些if  else之类的
接着判断,是什么机型,IOS 或者 安卓
var systemType = api.systemType; // 比如: ios
第二步:设一个全局变量,存放数据
IOS是20px   安卓是25px
第三步:在页面头部添加一个100%宽度的div,高度不用设置。
当我们打开window页时动态调用之前存的全局变量来修改这个div的高度
为什么不采用官方的$api.fixIos7Bar,个人认为加padding这个方式,可能会给不会部局的新手带来新的问题。有人说会闪硕,具体我也没有试过,
说说这个方式的好处,就是能随心所欲地去改变状态栏背景颜色,呵呵,其它好处还没有发现!
或许老司机们有更好的解决办法,还请多多指点,谢谢!



1682
帖子
10
勋章
2873
Y币
感谢楼主分享
您需要登录后才可以回帖 登录

本版积分规则