h5 沉浸式状态栏

最新推荐文章于 2024-10-29 07:36:25 发布

adriana1229

最新推荐文章于 2024-10-29 07:36:25 发布

阅读量836

点赞数

文章标签： json

原文链接：http://www.cnblogs.com/charlie098765/p/9305847.html

版权

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