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

總結

以上是生活随笔為你收集整理的微信浏览器ISO系统底部导航栏的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。