ios微信网页出现底部返回导航栏

现在，苹果手机的微信网页会出现底部返回导航栏，导致页面的部分内容会被导航栏遮挡住。

试验了很多次，最后是通过每次加载页面的时候获取页面的实际高度，来控制网页body体的高度。

只要在加载完成之后，添加这一句就可以避免出现内容被遮挡的情况了。

$("body").css("height",document.body.clientHeight+"px");

在后面的项目中，我发现在不设定高度的前提下，页面内容往下滚动的时候，底部导航栏会自动隐藏，网上滚动又会出现。

大家可以尝试下，根据实际应用情况，采用不同方法：
style样式：

*{
margin: 0;padding: 0;
}
html,body{
position: relative;
100%;
}
#content{
100%;
padding-bottom: 50px;
}
.nav{
100%;
height: 50px;
display: flex;
align-items: center;
position: fixed;
bottom: 0;
background: #FFFFFF;
}
.nav span{
display: inline-block;
margin: 0 auto;
}

body体代码：

script代码：

window.onload = function(){
var innerHTML = '';
for(var i=0;i<50;i++){
innerHTML += '<p>测试内容</p>';
}
document.getElementById('content').innerHTML = innerHTML
}