Как совместить window.matchMedia с resize?

есть код, которые сворачивает/разворачивает шапку при скроллинге, хочу убрать эту функцию на маленьких экранах, через window.matchMedia, но когда вставляю код в $(window).resize перестает работать

if (window.matchMedia("(min-width: 910px)").matches) {
    var lastScrollTop = 0;
    $(window).scroll(function (event) {
        var st = $(this).scrollTop();
        if (st > lastScrollTop && st > 100) {
            $('.header-nav').removeClass("header-nav--active");
            $(".burger-menu").removeClass("burger-menu--active");

        } else if (st < lastScrollTop) {
            $('.header-nav').addClass("header-nav--active");
            $(".burger-menu").addClass("burger-menu--active");

        }
        lastScrollTop = st;
    });

} else {
    $('.header-nav').removeClass("header-nav--active");
    $(".burger-menu").removeClass("burger-menu--active");
}