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