微信浏览器ISO系统底部导航栏

ISO手机，在H5页面在微信浏览器打开时，发现页面本身可以被顶起来，但是该页面设置的底部弹框（采用layer写的弹框），被微信浏览器自带的底部导航栏遮挡。而且iphoneX ,iphoneXR可以被顶起来，iphone6,7,8/s都被遮住了（有钱就是爸爸）。查阅资料，有几种解决方案。最后根据项目需求，并没有采纳，修改了UI样式。。。。。

总结一下网友们说的几种解决方案吧，也许以后会用得到：

1/主流是通过隐藏导航框。但是我的UI不允许。。

隐藏方式：

（1）不让页面有浏览记录，页面调转写在JS丽。出现前进后退的导航框是因为页面有浏览记录，通过把window.location.href = "XXXXXX"，改为window.location.replace = "xxxxx"。这种方法只适合少量页面，页面较多的不适合。

（2）通过微信的接口隐藏。但是据说这个是给企业注册用户使用的。。反正我用了没效。

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {
    // 通过下面这个API隐藏底部导航栏
    WeixinJSBridge.call('hideToolbar');
});

（3）用cookie隐藏，这个我没试过。感觉挺麻烦的，用得着的时候再看下把

地址https://blog.csdn.net/gaofei880219/article/details/80569026