# 解決沉浸式的問題 ## 一：相關用法 直接在 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.hmoore.net/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); } ```