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