matchMedia隐藏移动设备上的div

Question

我只想在移动设备上隐藏navbar。当前隐藏在任何窗口大小的台式机/移动设备上。我的代码中缺少什么吗？

CSS

.navbar-hide{transform: translateY(-100%);}

JS

$( document ).ready(function() {  

 var isMobile = window.matchMedia("(max-width: 400px)");
 if (isMobile.matches) {

 var header = $(".navbar");
 $(window).scroll(function() {
 var scroll = $(window).scrollTop();

 if (scroll >= 1200) {
 header.addClass("navbar-hide");
 } else {
 header.removeClass("navbar-hide");
 }

});

}

});