我只想在移动设备上隐藏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");
}
});
}
});