h5 沉浸式状态栏

1. manifest.json的plus节点里面配置

"plus": { "statusbar": {"immersed": true},

 

2.代码里面设置plusReady或者onload方法里面

window.οnlοad=function(){ var immersed = 0; var ms=(/Html5Plus\/.+\s\(.*(Immersed\/(\d+\.?\d*).*)\)/gi).exec(navigator.userAgent); if(ms&&ms.length>=3){ // 当前环境为沉浸式状态栏模式 immersed=parseFloat(ms[2]);// 获取状态栏的高度 } var t=document.getElementsByTagName("header")[0] t.style.paddingTop=immersed+'px'; t.style.height=immersed+44+'px'; }

 

转载于:https://www.cnblogs.com/charlie098765/p/9305847.html

相关资源：沉浸式状态栏（各种类型沉浸式状态栏(图片或纯色)，结合各种WebView,Fragment和Activity的沉浸）