當視口小於x像素時禁用固定菜單？

Question

我有一個菜單，在桌面上查看時效果很好，使用簡單的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();
});

Answer 1

我認為方法之一是檢測窗口大小

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

希望能幫助到你。