新版微信在苹果iOS 端的h5页面如果有路由跳转，会出现底部白色导航条。会占用页面的高度，如何去解决这个问题呢。

方案一

页面跳转时重新定页面的高度，这样处理导航条仍然存在。

方案二

使用history.replace代替history.push。
由于底部导航栏是因为出现history记录才出现的。使用replace就没有history记录，所以就可以完美隐藏导航栏了！

方案三

iOS新版微信底部工具栏遮挡问题完美解决 - 百度文库 (baidu.com)

方案四

在页面末尾加入这句话即可

<script type="text/javascript">
    //解决IOS返回页面不刷新的问题
    var isPageHide = false;
    window.addEventListener('pageshow', function() {
        if(isPageHide) {
            window.location.reload();
        }
    });
    window.addEventListener('pagehide', function() {
        isPageHide = true;
    });}
</script>