javascript - 当视口(viewport)小于 x 像素时禁用固定菜单？

Question

我有一个在桌面上查看时完美运行的菜单，它使用简单的 jQuery 脚本固定在侧边栏中，但是当您使用手机或宽度视口(viewport)小于 767px 的设备时，它会覆盖网站。

所以我目前正在寻找一种在视口(viewport)小于 767px 时禁用 jQuery 的方法。但我该怎么做呢？

执行的 jQuery 代码(如果视口(viewport)小于 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();
});

Answer 1

我认为的方法之一是检测窗口大小

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

希望有帮助。