我有一个菜单,在桌面上查看时效果很好,使用简单的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/

10-10 00:49