官方模板JS代码好像不起作用。
<script type="text/javascript"> $(function(){ if(""==$(window).height()){ $(".qb_wap_header").hide(); //在小程序的tabbar中打开,就不要重复显示菜单了 } }) </script>
这个顶部返回栏无法隐藏,和小程序tabbar重叠,不好看,体验也不好。
用以下代码解决问题,id为"toubu"的部分在小程序里打开被隐藏,效果好很多了。
<header class="header navbar navbar-shadow navbar-expand-lg navbar-light bg-primary navbar-sticky navbar-stuck" id="toubu"> <div class="container px-0 px-xl-3 d-flex justify-content-between"><div class="text-light" onclick="window.history.back();"><i class="fa fa-reply"> 返回</i></div> <div class="text-light">{$info.title}</div> </div> </header> <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script> <script> var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { //ios的ua中无miniProgram,但都有MicroMessenger(表示是微信浏览器) wx.miniProgram.getEnv((res)=>{ if (res.miniprogram) { $('#toubu').remove(); } else { return false; } }) }else{ isWeiXin(); } </script>