Javascript 当视口小于x像素时禁用固定菜单？

我有一个菜单，在桌面上查看时效果非常好，它在侧边栏中使用一个简单的jQuery脚本进行修复，但是当您使用手机或宽度视口小于767px的设备时，它会覆盖整个站点

因此，如果视口小于767px，我目前正在寻找一种禁用jQuery的方法。 但是我该怎么做呢

执行的jQuery代码如下（如果视口小于767px，则应禁用该代码）：

jQuery(function($) {
    function fixDiv() {
        var $cache = $('#block-menu-block-1'); 
        if ($(window).scrollTop() > 315) 
            $cache.css({'position': 'fixed', 'top': '30px'}); 
        else
            $cache.css({'position': 'relative', 'top': 'auto'});
    }
    $(window).scroll(fixDiv);
    fixDiv();
});

---

我认为其中一种方法是检测窗口大小

if($(window).width() < 767) { 
   //disable what you want here or i think just hide the sidebar
}

if（$（window）.width（）<767）{
//在这里禁用你想要的，或者我认为只需隐藏侧边栏
}

希望能有所帮助。

我最终使用了：if（matchMedia（'仅屏幕和（最小宽度：47.938em））。matches）谢谢！）