HTML5 微信小程序隐藏网页块
469
1

官方模板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>


2
赏礼
赏钱
收藏
点击回复
      全部留言
  • 1
  • 聶愷 实战运营者 消费:360元 2022-10-11 11:38 11:38
    华为
    6楼
    学习学习
0 赏钱 赏礼回复
更多回复
      你可能感兴趣的主题
恢复多功能编辑器
  • 3 1
  • 齐博爱好者
        圈内贴子670
    • 圈子成员33
    本圈子内的新贴

    推荐内容
    扫一扫访问手机版
    请选择要切换的马甲:

     
    网页即时交流
    QQ咨询
    咨询热线
    020-28998648