after Wechat updated a new version at the end of May, Wechat"s page browsing felt different. However, in IOS, when Wechat browses the H5 page, a forward and backward bar appears at the bottom of the page, squeezing the whole page and showing even less.
as shown in the figure: 
how to remove or hide the bottom bar?
because I have seen that other people"s H5 pages are hidden or solved, I think there should be a way, but I just don"t know it. I came to ask for help < del > ~ < / del >
.another idea is to completely turn the current h5 application into a single-page application, all the actions are encapsulated in JS, and all page jumps are ajax content updates to avoid the navigation bar below.
-20180816 updated
you don't quite understand what I'm talking about about a single page. Let me add demo to you
https://donsee.cn/demo/noTool.
source code look directly at html
specific JS logic needs to be perfected by everyone. Of course, to make a single-page application, you need to consider performance issues, and dom operations need to pay attention to cleaning up invalid dom
you deserve it! https://blog.csdn.net/gaofei8.
has just found a solution, all links jump to use window.location.replace ('url'); In this way, Wechat's browser will not have a history record, and it can effectively hide the white bar
which appears at the bottom. Hello, have you solved this problem? I also have this problem now, please tell me, thank you very much, brother
here is a solution: https://download.csdn.net/dow.
if it is a long page, use this code to automatically hide the bottom column when the user slides the page.
CSS
.page {
position: absolute;
left:0;
top:0;
width: 100vw;
height:100vh;
} HTML
<div class="page">
<!-- -->
</div>maybe the answer upstairs can help you, but this is not what I want, so I will continue to look for a better solution.
I will ask the stupidest question, is this height fixed? Can't I make an adjustment to this height css?
when you jump to a page in vue using replace, the navigation bar below does not appear, and so should everything else. You can consider recording routing information to sessionStorage, and all jumps go through replace, but it may be troublesome to deal with the back of the page. I hope you can see a better way.
document.body.onclick = function(e) {
if(e.target.tagName.toLowerCase() === 'a') {
e.preventDefault()
window.location.replace(e.target.getAttribute('href'))
}
}copy the link below and preview it in Wechat browser
does anyone know the solution!
I have recently encountered this problem and figured out a relatively perfect solution. For specific operations, please refer to my article in the brief book: Wechat has a response, let me know. Thank you
Previous: TypeScript uses Swiper 4.x thumbs to report errors
Next: Mint-ui datetime-picker cannot be displayed on the phone
o ...
the onclick (), that clicks the arrow wants to call oil.prototype.createChart=function (oilRealtable,objId,meteId) {}, Please let me know ...
I use electron to package my parking program. linuxwindowscpu windows ...
although there is no pc page written on the mobile phone page, why is there so much blank space? there is nothing . https: mamba-working.github. preview address is here ...
as shown in the figure, add a click event to the three microphone buttons on the right. Previously, you can add a click event to each button, but now you want to add it in the way of event delegation, how to achieve it? The code is as follows: <...
superagent .get( http: passport.chinahr.com ajax m existLoginName ) .query( input + "=" + 15800000000) .end(function (err, response) { console.log( , response.body, err) }); request .get( http: passport.chinah...
I follow the demo code provided by i18next const i18next = require( i18next ); const i18m = require( koa-i18next-middleware ); add custom detector. i18m.LanguageDetector.addDetector({ name: mySessionDetector , lookup(ctx, options)...
the px2rem plug-in is used in vue, and then the picture or icon will be blurred when flexbile, adapts to a specific model. How to deal with this situation ...
recently do a react project, the first contact, there is a left slip event, I would like to ask how to add left slip event for react. The end result is a sideslip deletion. If there is any great god who knows, give me some guidance. Thank you, urgent ...
the data in the score section of ...
on the above plug-in, in order to graphically count, from the big circle, jump to how many small circles, is similar to the timeline plug-in, but this is from one, pointing to multiple branches, the timeline is a back row want to search for a plug...
where can I upload the video, and then take the outer link and put it on the video tag, preferably without advertising? is now uploaded to Qiniu, but the video cache is too slow (because you are using the test domain name), so ask if there are other pla...
recently, there is a project that needs to do an app scan to identify the ID card, which requires that after the first picture is taken, the image is compressed by an asynchronous thread, and then api, is called to be identified by the background ocr and...
var arr = []; arr.toString = = Object.prototype.toString false ...
how does the scroll bar beautification component of element ui set the scroll bar to display one by one? The data update scroll bar becomes? ...
h5 technology achieves this effect. It feels like c3 or jq can be done completely, but the sliding event is not very good. Is there any good way to feel that there will be bug, without using the ui framework? ...
defines a value in the setInterval () method so that x-= 1; secondLength = 60; setInterval(function(){ console.log(secondLength); secondLength -= 1; setDefault(secondtx,secondLength) },1000); looks like this. It is correct in t...
question: in an h5 mobile page, has such a parent-child relationship: sliding elements up and down = > left and right sliding elements = > Click elements if there are sliding up and down (drop-down refresh), left and right sliding (rotation switch...
these data are all sent from the background STATUS 0 indicates auditing STATUS 1 indicates normal STATUS 2 indicates locked status but now I don t know how to change it to Chinese, how to do it? <tr v-for="(item,index) in infoData&quo...
bootstrap-table rendering table, specify the width of the column, more than the width of the ellipsis display, require the mouse up to be similar to title to display the whole content? The rendering table code is as follows ...