vue做的移动端h5页面，当用户在微信打开的时候怎么隐藏自己做的头部？
代码：

        var ua = window.navigator.userAgent.toLowerCase();
        if (ua.match(/MicroMessenger/i) == 'micromessenger' || ua.match(/_SQ_/i) == '_sq_') {
            $(".head").hide();
            document.title = '标题';
            var $body = $('body');
            var $iframe = $('<iframe src=""></iframe>');
            $iframe.on('load', function() {
                setTimeout(function() {
                    $iframe.off('load').remove();
                }, 0);
            }).appendTo($body);
        } else {
            $(".head").show()
        }
        

这里可以实现隐藏，但是页面在ios的微信打开，每次进行路由跳转，下面就会产生白方块，严重影响了页面的滚动。但是在安卓的微信打开并没有这种情况。所以想问问各位大神，有没有别的方法隐藏自己做的头部。