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
}

希望它有所帮助。

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

1 个答案: