解決方法:

1.增加標識：在在apicloud根目錄中的congfig.xml中增加一個標識，標識value的值必須和下邊判斷代碼中的一樣

2.判斷：在網站中需要設置頭部距頂部距離的地方插入如下代碼(用途是判斷是自己app訪問的話就調用指定樣式)

if(navigator.userAgent.indexOf("app123") !=-1)

{

document.write('');

}

3.在apicloud根目錄中的congfig.xml中開啟沉浸式如：

4.在apicloud根目錄中的index.html關閉全屏api.setFullScreen({fullScreen: false});

5.在網站中創(chuàng)建css樣式文件，設置頭部距離頂部的padding-top:30px;(這是解決網站頭部的)根據自身網站不同情況可能要微調別的樣式

6.在網站下載的APP源碼目錄\h5app\html\index.html中的

中添加如下代碼(這是解決群聊頭部的)

.bui-bar {padding-top:30px;}

7.如果要設定狀態(tài)欄的樣式就在在apicloud根目錄中的index.html文件內查找? apiready = function() { 并在里邊插入設置狀態(tài)欄樣式的代碼

api.setStatusBarStyle({

color : 'rgba(0,0,0,0.3)'

});

總結

以上是生活随笔為你收集整理的html移动端沉浸式状态栏,app沉浸式状态实现分享，解决状态栏遮挡顶部的问题...的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。