javascript - 当视口(viewport)小于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
}

希望能帮助到你。

关于javascript - 当视口(viewport)小于x像素时禁用固定菜单？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25885430/