ISO手機(jī)，在H5頁(yè)面在微信瀏覽器打開時(shí)，發(fā)現(xiàn)頁(yè)面本身可以被頂起來，但是該頁(yè)面設(shè)置的底部彈框（采用layer寫的彈框），被微信瀏覽器自帶的底部導(dǎo)航欄遮擋。而且iphoneX ,iphoneXR可以被頂起來，iphone6,7,8/s都被遮住了（有錢就是爸爸）。查閱資料，有幾種解決方案。最后根據(jù)項(xiàng)目需求，并沒有采納，修改了UI樣式。。。。。

總結(jié)一下網(wǎng)友們說的幾種解決方案吧，也許以后會(huì)用得到：

1/主流是通過隱藏導(dǎo)航框。但是我的UI不允許。。

隱藏方式：

（1）不讓頁(yè)面有瀏覽記錄，頁(yè)面調(diào)轉(zhuǎn)寫在JS麗。出現(xiàn)前進(jìn)后退的導(dǎo)航框是因?yàn)轫?yè)面有瀏覽記錄，通過把window.location.href = "XXXXXX"，改為window.location.replace = "xxxxx"。這種方法只適合少量頁(yè)面，頁(yè)面較多的不適合。

（2）通過微信的接口隱藏。但是據(jù)說這個(gè)是給企業(yè)注冊(cè)用戶使用的。。反正我用了沒效。

document.addEventListener('WeixinJSBridgeReady', function onBridgeReady() {// 通過下面這個(gè)API隱藏底部導(dǎo)航欄WeixinJSBridge.call('hideToolbar'); });

（3）用cookie隱藏，這個(gè)我沒試過。感覺挺麻煩的，用得著的時(shí)候再看下把

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。