鍍金池/ 問答/HTML5  HTML/ 微信H5：IOS下的微信H5頁面的底部前進后退橫欄如何隱藏或者解決？

微信H5：IOS下的微信H5頁面的底部前進后退橫欄如何隱藏或者解決？

在5月末的時候，微信更新了一個新的版本后，微信的頁面瀏覽已經是不一樣的感覺了。但是，在IOS中，微信H5頁面瀏覽時，頁面底部會出現一個前進后退的橫欄，將整個頁面都擠壓了，能展示的東西就更少了。
如圖所示：圖片描述

這個底部橫欄怎么去掉或者隱藏掉？

因為有看到別人的H5頁面有隱藏或者解決掉，所以，個人認為應該還是有辦法的，只是自己不知道而已，特來求助~

回答
編輯回答
挽青絲

你值得擁有！https://blog.csdn.net/gaofei8...

2017年3月7日 00:58
編輯回答
久不遇

你好，問下你這個問題解決了嘛？我現在也遇到這個問題了，麻煩告知下唄，萬分感謝兄弟

2018年1月6日 02:41
編輯回答
夕顏

剛才發(fā)現了解決辦法，一切鏈接跳轉使用window.location.replace('url')；這樣微信瀏覽器就不會存有歷史記錄，有效隱藏底部出現后退欄的白條

2018年4月5日 06:31
編輯回答
你好胸

可能樓上的答案能幫助到大家，但是，這個不是我所想要的，所以，我還是會繼續(xù)去尋找更優(yōu)的解決辦法的~

2017年8月5日 05:36
編輯回答
半心人

微信有回應了，告訴一下。謝謝

2017年11月30日 02:59
編輯回答
奧特蛋

我就問一個最蠢的問題，請問這個高度是固定的嗎?。。?！我對著這個高度css做一下調整還不行嗎！?。。?？？

2017年5月29日 21:19
編輯回答
兔囡囡

目前沒有什么合理的方式解決，因為這個底部欄實際上是一個瀏覽器歷史記錄跳轉欄，而且這并不是H5 是微信的IOS組件。
1樓提供的地址并不能解決問題，demo也是無效的。
除非微信提供jssdk 的api 來和原生進行通訊。

另外還有一個思路，那就是把當前的h5應用完全做成 單頁面應用，所有的動作都封裝到JS里面，所有的頁面跳轉都是ajax內容更新就可以避免掉下方的導航條。

----- 20180816 updated
大家對于我所說的單頁還不是很理解的樣子，我補充一下demo給大家

clipboard.png

https://donsee.cn/demo/noTool...
源碼直接看html
具體的JS邏輯需要大家自己去完善,當然做成單頁應用需要考慮性能問題，dom操作的需要注意清理無效dom

2018年2月21日 15:06
編輯回答
局外人

這里有解決方法：https://download.csdn.net/dow...

2017年1月28日 00:56