vue做的移動端h5頁面，當(dāng)用戶在微信打開的時(shí)候怎么隱藏自己做的頭部？

vue做的移動端h5頁面，當(dāng)用戶在微信打開的時(shí)候怎么隱藏自己做的頭部？
代碼：

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

這里可以實(shí)現(xiàn)隱藏，但是頁面在ios的微信打開，每次進(jìn)行路由跳轉(zhuǎn)，下面就會產(chǎn)生白方塊，嚴(yán)重影響了頁面的滾動。但是在安卓的微信打開并沒有這種情況。所以想問問各位大神，有沒有別的方法隱藏自己做的頭部。