# 解决沉浸式的问题 ## 一：相关用法 直接在 apiready = function() { } 中写即可，如 ``` apiready = function() { fix_android_ios(); fix_android_ios('darkgray'); fix_android_ios('black'); fix_android_ios('white'); fix_android_ios('green'); } ``` 示例： > 头部的颜色需要自己换成了 ``` <header class="aui-bar aui-bar-nav aui-bar-light" style="background:#303247"> <a class="aui-pull-left aui-btn" tapmode onclick="closeThis();"> <span class="aui-iconfont aui-icon-left"></span> </a> <div class="aui-title">聊天</div> </header> ``` ## 1、默认蓝  ## 2、darkgray（深灰）  ## 3、black（黑色） ## 4、white(不建议用，后缀会产生挺多的问题) ## 5、green（绿色）  ## 二：函数相关代码如下 ``` /** * [fix_android_ios 解决沉浸式的问题] * @author Hongwei * @param {[obj]} color [头部颜色 | darkgray 深灰色 | black 黑色 | green 绿色，如果不是以上这几种颜色，可以自定义颜色 ] * @link http://www.kancloud.cn/hongweizhiyuan/apicloud_function/270056 * @eg fix_android_ios('darkgray') or fix_android_ios('FF0000') */ function fix_android_ios(color){ switch(color) { case 'darkgray': color = "#303247" break; case 'black': color = "#000000" break; case 'white': color = "#FFFFFF" break; case 'green': color = "#01b980" break; default: color = color } api.setStatusBarStyle({ style : 'light', color: color }); var header = document.querySelector('header'); $api.fixIos7Bar(header); $api.fixStatusBar(header); } ```