问题1:
开启沉浸式状态栏后底部出现 约'1px'的线条,
immer.js 部分代码
var imm1 = document.getElementById('_immersed');
if(imm1){
imm1.style.marginTop = immersed +'px';
}
var imm2 = document.getElementById('immersed_');
if(imm2){
imm2.style.height = immersed+'px';
imm2.style.background = '#000000';
}heder 部分代码
<body>
<div style="height: 0px;" id="immersed_"></div>
<header id="_immersed" class="mui-bar mui-bar-nav" >
<h1 id="title" class="mui-title">待办任务</h1>
</header>
<nav class="mui-bar mui-bar-tab">
<a id="index" class="mui-tab-item mui-active" href="tab-webview-subpage-todo.html">
<span class="mui-icon bottom01"></span>
<span class="mui-tab-label">s1</span>
</a>
<a class="mui-tab-item" href="tab-webview-subpage-query.html">
<span class="mui-icon bottom02"></span>
<span class="mui-tab-label"> s2</span>
</a>
<a class="mui-tab-item" href="tab-webview-subpage-supervise.html">
<span class="mui-icon bottom03"></span>
<span class="mui-tab-label">s3</span>
</a>
<a id="my" class="mui-tab-item" href="tab-webview-subpage-usercenter.html" needLogin="true">
<span class="mui-icon bottom04"></span>
<span class="mui-tab-label"> s4</span>
</a>
</nav>
<script>
var my_immersed1 = function (immersed){
var styleNode = document.createElement("style");
styleNode.type = 'text/css';
var styleStr = '.mui-pull-top-pocket{top: ' + (immersed + 44) +'px!important;}';
styleNode.innerHTML = styleStr;
document.getElementsByTagName('head')[0].appendChild(styleNode);
}
</script>
<script type="text/javascript" src="../../js/immersed.js" ></script>
